html{font-size:62.5%}body{background:var(--bg);color:var(--fg)}header,footer{border-color:var(--border)}footer,article .header{color:var(--muted)}nav a,.logo a{color:var(--link)}body{font-size:1.6rem}nav{text-align:right}nav a{font-size:1.8rem;font-weight:bold;text-decoration:none;text-transform:uppercase}footer{margin-top:3rem;padding:1.2rem 0;border-top:0.2rem solid var(--border);font-size:1.2rem;color:var(--muted)}h1{font-size:2.4rem}h2{font-size:2rem}article .header{font-size:1.4rem;font-style:italic;color:#555}.logo a{font-weight:bold;color:var(--link);text-decoration:none}@media (max-width:319px){body{width:90%;margin:0;padding:0 5%}header{margin:4.2rem 0}nav{margin:0 auto 3rem;text-align:center}footer{text-align:center}.logo{text-align:center;margin:1rem auto 3rem}.logo a{font-size:2.4rem}nav a{display:block;line-height:1.6}}@media (min-width:320px){body{width:90%;margin:0;padding:0 5%}header{margin:4.2rem 0}nav{margin:0 auto 3rem;text-align:center}footer{text-align:center}.logo{text-align:center;margin:1rem auto 3rem}.logo a{font-size:2.4rem}nav a{display:inline;margin:0 0.6rem}}@media (min-width:640px){body{width:60rem;margin:0 auto;padding:0}header{margin:0 0 3rem;padding:1.2rem 0}nav{margin:0;text-align:right}nav a{margin:0 0 0 1.2rem;display:inline}footer{text-align:right}.logo{margin:0;text-align:left}.logo a{float:left;font-size:1.8rem}}:root{--bg:#ffffff;--fg:#000000;--muted:#555555;--border:#000000;--link:#000000}@media (prefers-color-scheme:dark){:root{--bg:#181818;--fg:#e5e5e5;--muted:#a0a0a0;--border:#666666;--link:#88c0d0}body{background:var(--bg);color:var(--fg)}main a{color:var(--link)}nav a,.logo a{color:var(--fg)}footer{color:var(--muted)}.icon{filter:invert(1)}}.icon{width:2rem;height:2rem;object-fit:contain;vertical-align:-0.2rem;margin-right:0.4rem}main li:has(.icon){margin:0.6rem 0}main ul:has(.icon){list-style:none;padding-left:0}