:root{--text:#020b12;--background:#e4ecf1;--background-accent:#a4b3bb;--primary:#33a4eb;--secondary:#b4def8;--accent:#1486cc;--correct:#2ecc71;--incorrect:#e74c3c}@media(prefers-color-scheme:dark){:root{--text:#edf6fd;--background:#0e161b;--background-accent:#1c2a32;--primary:#1486cc;--secondary:#07314b;--accent:#33a4eb;--correct:#0fa850;--incorrect:#c4200f}}[data-theme=light]{--text:#020b12;--background:#e4ecf1;--background-accent:#a4b3bb;--primary:#33a4eb;--secondary:#b4def8;--accent:#1486cc;--correct:#2ecc71;--incorrect:#e74c3c}[data-theme=dark]{--text:#edf6fd;--background:#0e161b;--background-accent:#1c2a32;--primary:#1486cc;--secondary:#07314b;--accent:#33a4eb;--correct:#0fa850;--incorrect:#c4200f}body{background-color:var(--background);color:var(--text);font-family:Nunito,sans-serif;margin:0;padding:0;transition:background-color .2s,color .2s}h1{margin-bottom:.28em;margin-top:.28em}h2{margin-bottom:.36em;margin-top:.36em}h3{margin-bottom:.4em;margin-top:.4em}h4{margin-bottom:.44em;margin-top:.44em}h5{margin-bottom:.52em;margin-top:.52em}ol,p,ul{margin-bottom:.4em;margin-top:.4em}ul{padding-left:1.2em}ol{padding-left:1.5em}a{color:var(--primary);text-decoration:none}a:hover{color:var(--accent)}div{box-sizing:border-box}.logo path{fill:var(--primary)}#wrapper{display:flex;flex-direction:column;height:100vh}#top-bar{background:var(--background-accent);height:4rem}#top-bar,#top-bar #link-home{align-items:center;display:flex}#top-bar #padding-logo{height:3rem;margin:1rem .5rem 1rem 1rem;width:3rem}#top-bar #page-title{color:var(--primary);display:none}#top-bar #page-title-mobile{color:var(--primary)}@media only screen and (min-width:426px){#top-bar #page-title{display:initial}#top-bar #page-title-mobile{display:none}}#top-bar .spacer{flex:auto}#top-bar .theme-toggle{background-color:var(--background);border-radius:1rem;cursor:pointer;height:2rem;margin:1rem}#top-bar .theme-toggle svg{border-radius:1.5rem;padding:.5rem}#top-bar .theme-toggle .active{background-color:var(--secondary);color:var(--primary)}#content{flex:auto;overflow:hidden}#footer{align-items:center;display:flex;height:1.5rem;justify-content:center}#footer>*{margin-left:.5rem;margin-right:.5rem}#error-page{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}#error-page h1{color:var(--primary);font-size:10rem;font-weight:700;margin-bottom:-2rem}#error-page p{margin:0 0 1rem}#error-page button{background:var(--primary);border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:700;padding:.5rem 1rem}#error-page button:hover{background:var(--accent)}