:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}#app{margin:0 auto;padding:2rem;text-align:left;width:100%}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#d9d9d9}a:hover{color:#747bff}button{background-color:#f9f9f9}}#menu{min-width:240px;height:100vh}#menu .sidebar{width:100%;background-color:#2d2d2d;transition:.5s;height:95vh}#menu #menuOpener{display:none}#menu #menuOpener:checked~.sidebar{width:0%}#menu #menuOpener:checked~.sidebar button{display:none}#menu #menuOpener:checked~.sidebar a{display:none}#menu label{margin:12px;cursor:pointer;display:inline-block;-webkit-user-select:none;user-select:none}#menu a{display:flex;width:100%;color:#d0c9c9;text-decoration:none}#menu a.active{background-color:#04aa6d;color:#fff}#menu a:hover:not(.active){background-color:#555;color:#fff}@media (prefers-color-scheme: light){#menu{background-color:#c9c9c9}#menu a{color:#000}#menu a.active{background-color:#bbb;color:#000}#menu a:hover:not(.active){color:#000;background-color:#aaa}}