*,*::before,*::after{box-sizing:border-box}body{margin:0}h1,h2,h3,h4,h5,h6{margin:0}ul[role=list],ol[role=list]{margin:0;padding:0;list-style:none}img,video,svg{display:block;max-width:100%}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}@font-face{font-family:"MonaspiceRn";src:url("/fonts/MonaspiceRn.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"MonaspiceAr";src:url("/fonts/MonaspiceAr.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Atkinson";src:url("/fonts/Atkinson.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--font-brand: "MonaspiceRn";--font-header: "MonaspiceAr";--font-text: "Atkinson"}:root{color-scheme:light dark;--bg: light-dark(#fdf6e3, #1f1f28);--text: light-dark(#5c6a72, #dcd7ba);--accent: light-dark(#3a94c5, #7e9cd8)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}body{background:var(--bg);color:var(--text);font-family:var(--font-text)}body #header{font-family:var(--font-header)}body #header #brand{font-family:var(--font-brand)}body a,body code,body strong{color:var(--accent)}:root{min-height:100vh;line-height:1.5;font-size:1.2rem;background:var(--background);color:var(--color);font-family:var(--font-text)}:root a{color:inherit}body{min-height:100vh;padding-block:.5rem;padding-inline:1rem;display:flex;flex-direction:column;gap:1rem}body #header{display:flex;flex-direction:row;justify-content:space-between;gap:1rem}body #header #brand{text-decoration:none}body #header #slogan{display:none}@media (min-width: 50rem){body #header #slogan{display:block}}body #nav ul{display:flex;flex-direction:row;justify-content:space-between;gap:1rem}body #main{flex:1}body #main blockquote{margin:0;padding-left:1rem;border-left:solid var(--accent)}body #main pre{overflow:scroll}body #main.section ul{display:flex;flex-direction:column;gap:2rem}body #main.section ul small.call-to-action{display:block;width:100%;text-align:center}body #footer ul{display:flex;flex-direction:row;justify-content:space-between;gap:1rem}@media (min-width: 50rem){body #header,body #nav,body #main,body #footer{margin-inline:auto;width:40rem}}