body{display:flex;background-image:url(/static/img/tiled-bg.png);background-position:50%;background-repeat:repeat;background-size:800px;flex-direction:column}#nav-desktop{z-index:10;background-color:var(--color-bg);position:sticky;border-bottom:1px solid var(--color-primary);top:0}#nav-mobile{display:none;visibility:hidden}footer{border-top:1px solid var(--color-primary);background-color:var(--color-bg)}@media only screen and (max-width:800px){#nav-desktop{display:none;visibility:hidden}#nav-mobile{display:initial;visibility:visible;z-index:10;position:sticky;top:0}#nav-mobile .nav-relative{background-color:var(--color-bg);border-bottom:1px solid var(--color-primary)}#nav-mobile #nav-mobile-content{display:none;padding:var(--space-1x)var(--space-0-5x);background-color:var(--color-bg-accent);border-bottom:1px solid var(--color-primary);height:0;transition:all .1s ease-in-out}#nav-mobile #nav-mobile-content a:not(#login-button):hover{background-color:var(--color-bg-light)}#nav-mobile #hamburger{position:relative;border-bottom:2px solid var(--color-text);width:1rem;height:1rem}#nav-mobile #hamburger input{display:none}#nav-mobile #hamburger:before{display:block;content:"";position:absolute;border-bottom:2px solid var(--color-text);width:1rem;height:0;transition:transform .1s ease-in-out;top:0}#nav-mobile #hamburger:after{display:block;content:"";position:absolute;border-bottom:2px solid var(--color-text);width:1rem;height:0;transition:transform .1s ease-in-out;top:50%}#nav-mobile #hamburger:has(:checked){border-bottom:2px solid #0000}#nav-mobile #hamburger:has(:checked):before{border-bottom:2px solid var(--color-text);width:1rem;height:0;top:50%;transform:rotate(-45deg)}#nav-mobile #hamburger:has(:checked):after{border-bottom:2px solid var(--color-text);width:1rem;height:0;top:50%;transform:rotate(45deg)}#nav-mobile:has(:checked) #nav-mobile-content{display:flex;position:absolute;flex-direction:column;align-items: center;height:auto;top:calc(100% + 1px);left:0;right:0}}