.navbar{background-color:#000;box-sizing:border-box;font-size:2em;height:2em;justify-content:space-between;padding:.5em;position:sticky;top:0;width:100%;z-index:1000}.navbar,.navbar>*{align-items:center;display:flex}.menu{margin-right:.25em}.menu:after{content:"";display:block;height:.5em;pointer-events:all;position:absolute;width:1.25em}.navbar:not(.hydrated) .menu:after:active,.navbar:not(.hydrated) .menu:not(:hover):after{display:none}.menu>.display{align-items:center;display:grid;height:1em;justify-items:center;transition-duration:.25s;transition-timing-function:cubic-bezier(.33,1,.68,1);width:1.25em}.menu>.display>*{grid-column:1;grid-row:1}.menu>.display>.bar{background-color:#fff;border-radius:100px;display:block;height:1em;height:20%;pointer-events:none;transition-duration:.25s;width:1.47em;width:100%}.menu>.display .bar:first-child{transform:translateY(-200%)}.menu>.display .bar:nth-child(2){transform:translateY(0)}.menu>.display .bar:nth-child(3){transform:translateY(200%)}.navbar:not(.hydrated) .menu:hover>.display{transform:rotate(90deg)}.navbar:not(.hydrated) .menu:hover>.display .bar{width:50%}.navbar:not(.hydrated) .menu:hover>.display .bar:first-child{transform:translateY(-65%) rotate(35deg)}.navbar:not(.hydrated) .menu:hover>.display .bar:nth-child(2){opacity:0;width:0}.navbar:not(.hydrated) .menu:hover>.display .bar:nth-child(3){transform:translateY(65%) rotate(-35deg)}.navbar.active .menu>.display{transform:rotate(-90deg)}.navbar.active .menu>.display .bar{width:50%}.navbar.active .menu>.display .bar:first-child{transform:translateY(-65%) rotate(35deg)}.navbar.active .menu>.display .bar:nth-child(2){opacity:0;width:0}.navbar.active .menu>.display .bar:nth-child(3){transform:translateY(65%) rotate(-35deg)}.navbar.hydrated .display{cursor:pointer}.navbar.hydrated .display:not(:hover){opacity:.8}.menu>.content{background-color:#000;border-radius:0 0 .2em .2em;-webkit-clip-path:polygon(0 0,100% 0,100% 0,0 0);clip-path:polygon(0 0,100% 0,100% 0,0 0);left:0;margin:.5em 0 0;padding:0;position:absolute;text-align:center;text-transform:uppercase;transition-duration:.25s;transition-timing-function:cubic-bezier(.33,1,.68,1)}.navbar.navbar.active .menu>.content,.navbar:not(.hydrated) .menu:hover>.content{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.menu>.content>*{background-color:#1b1b1b;border-radius:.2em;color:#fff;display:block;font-family:Roboto Mono Regular;font-size:.6em;margin:.4em;min-width:8em;padding:.2em 1em;text-decoration:none;transition-duration:.2s}.menu>.content>:hover{background-color:#2b2b2b;letter-spacing:1.5px}.menu>.content>.router-link-active{background-color:#3b3b3b}.logo{background-color:#fff;-webkit-clip-path:circle();clip-path:circle();display:block;height:1.8em;width:1.8em}.navbar>.left>.title{font-family:Archive;text-shadow:hsla(0,0%,100%,.4) .0742462129em .0742462129em 0}