body,html{height:100%;margin:0}*{box-sizing:border-box}.top-nav{align-items:center;background-color:#003329;color:#fff;justify-content:space-between}.menu,.top-nav{display:flex;flex-direction:row}.menu{list-style-type:none;margin:0;padding:0}.menu>li{margin:0 1rem;overflow:hidden}.menu-button-container{align-items:center;cursor:pointer;display:none;flex-direction:column;height:100%;justify-content:center;width:30px}#menu-toggle{display:none}.menu-button,.menu-button:after,.menu-button:before{background-color:#fff;border-radius:2px;display:block;height:4px;position:absolute;transition:transform .4s cubic-bezier(.23,1,.32,1);width:30px}.menu-button:before{content:"";margin-top:-8px}.menu-button:after{content:"";margin-top:8px}#menu-toggle:checked+.menu-button-container .menu-button:before{margin-top:0;transform:rotate(140deg)}#menu-toggle:checked+.menu-button-container .menu-button{background:hsla(0,0%,100%,0)}#menu-toggle:checked+.menu-button-container .menu-button:after{margin-top:0;transform:rotate(-140deg)}@media (max-width:900px){.menu-button-container{display:flex;z-index:999}.menu{align-items:center;flex-direction:column;justify-content:center;left:0;margin-top:8em;position:absolute;top:0;width:100%}#menu-toggle~.menu li{border:0;height:0;margin:0;opacity:0;padding:0}#menu-toggle:checked~.menu{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#003329f5;height:100vh;margin-top:0;padding-bottom:6rem;padding-top:6rem}#menu-toggle:checked~.menu li{font-size:1.75rem;font-weight:300;height:2em;opacity:1;padding-top:0}#menu-toggle:checked~.menu li:hover{filter:brightness(120%)}.menu>li{color:#fff;display:flex;height:4rem;justify-content:center;margin:0;padding:.5em 0;width:100%}.menu>li:not(:last-child){border-bottom:1px solid #444}}