body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.navbar{height:var(--nav-size);background-color:var(--bg);padding:0 1rem;border-bottom:var(--border)}.navbar-nav{max-width:100%;height:100%;display:flex;justify-content:flex-end}.navitem{width:calc(var(--nav-size)*0.8)}.icon-button,.navitem{display:flex;justify-content:center;align-items:center}.icon-button{--button-size:calc(var(--nav-size)*0.5);width:var(--button-size);height:var(--button-size);background-color:var(--bg-accent);border-radius:50%;padding:5px;margin:2px;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s;color:var(--text-colour);cursor:pointer}.icon-button:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}.icon-button svg{fill:var(--text-colour);width:20px;height:20px}.menu-item{height:50px;max-width:284px;display:flex;align-items:center;border-radius:var(--border-radius);transition:background var(--speed);padding:.5rem}.menu-item:hover{background-color:#525357}.menu-item .icon-button{margin-right:.5rem}.menu-item .icon-button:hover{-webkit-filter:none;filter:none}.icon-right{margin-left:auto}.dropdownmenu{position:absolute;top:var(--nav-size);width:300px;transform:translate(-45%);background-color:var(--bg);border:var(--border);border-radius:var(--border-radius);padding:1rem;overflow:hidden;transition:height var(--speed) ease}.menu{width:100%}.main-menu-enter{position:absolute;transform:translateX(-110%)}.main-menu-enter-active{transform:translateX(0);transition:all var(--speed) ease}.main-menu-exit{position:absolute}.main-menu-exit-active{transform:translateX(-110%);transition:all var(--speed) ease}.side-menu-enter{position:absolute;transform:translateX(110%)}.side-menu-enter-active{transform:translateX(0);transition:all var(--speed) ease}.side-menu-exit{position:absolute}.side-menu-exit-active{transform:translateX(110%);transition:all var(--speed) ease}@media only screen and (max-width:600px){.dropdownmenu{transform:translate(-40%);max-width:80%}}:root{--bg:#242526;--bg-accent:#484a4d;--text-colour:#fff;--nav-size:60px;--border:1px solid #474a4d;--border-radius:8px;--speed:500ms}ul{list-style:none;margin:0;padding:0}a{color:#fff;color:var(--text-colour);text-decoration:none}
/*# sourceMappingURL=main.b8f2ce56.chunk.css.map */