*{margin:0;padding:0;color:var(--text)}:root{--text-box:#191a269d;--text:#e6fff4;--links:#010620;--primary:#b2e6e1;--secondary:#b7ff83;--tertiary:#f1ff83;@media(prefers-color-scheme:light){--text-box: #68ffdcda; --primary: #191a26; --text: #010620; --links: #e6fff4;}}body{min-height:100vh;width:100vw;margin:0 auto;font-family:trebuchet ms,lucida sans unicode,lucida grande,lucida sans,Arial,sans-serif;background:50% url(/background.png);display:flex;flex-direction:column;justify-content:space-between}nav ul{list-style:none;padding:2rem .5rem;background:var(--text-box);div{display:flex;flex-wrap:wrap;justify-content:center}a, a > h3{color:var(--links);text-decoration:none;flex:auto;&:hover{text-decoration:underline}@media(prefers-color-scheme:light){color: var(--text)}}li, div > li{margin:1rem .5rem;padding:.2rem 1.5rem;border-radius:.2rem;background-color:var(--secondary);&:nth-child(even){background-color:var(--tertiary)}}display:flex;flex-direction:row;align-items:center;justify-content:space-around;flex-wrap:wrap;word-break:break-word}article{background:var(--text-box);border-radius:.5rem;align-self:center;max-width:50rem;margin:1rem 0;padding:1rem 2rem;ul{li{margin-left:2rem}}pre{padding:.5rem .4rem;font-family:courier new,Courier,monospace;border-radius:.5rem}img{height:auto;width:100%;text-align:center}h1, h2, h3, h4, ol, ul, p, a{line-height:2;margin-bottom:.1rem;padding:0 .5rem;border-radius:.5rem}h1{color:var(--primary);@media(prefers-color-scheme:light){background-color: var(--primary); color: var(--text-box);}}h2{color:var(--secondary);@media(prefers-color-scheme:light){background-color: var(--secondary); color: var(--text);}}h3{color:var(--tertiary);a{text-decoration:none;&:hover{text-decoration:underline}@media(prefers-color-scheme:light){color: var(--text);}}@media(prefers-color-scheme:light){background-color: var(--tertiary); color: var(--text);}}p, a{@media(prefers-color-scheme:light){color: var(--text)}}}footer{background:var(--text-box);padding:2rem 3rem;font-size:1em;text-align:center}