:root{--spacing:12px;--accent:#8ddbea;--secondary:#ea8db7;font-family:system-ui}body{color:#fff;background:#080719}a{color:var(--secondary)}main>*{margin-left:auto;margin-right:auto}.wide>*,.narrow>*{margin-left:var(--spacing);margin-right:var(--spacing)}.wide{max-width:840px}.narrow{max-width:600px}h1,h2,h3{margin-top:26px;margin-bottom:12px}p{margin-top:12px;margin-bottom:12px}.grid-2{gap:var(--spacing);grid-template-columns:1fr 1fr;display:grid}@media screen and (width<=600px){.grid-2{grid-template-columns:1fr}}.button{background-color:var(--accent);color:#000;margin:var(--spacing);border-radius:6px;width:fit-content;padding:12px;font-weight:700;text-decoration:none;transition-duration:.24s;display:flex}.button:hover{background-color:var(--secondary)}.video{background-color:var(--accent);border-radius:12px;padding:4px;overflow:hidden}.video>*{border-radius:10px}details{border-radius:5px;padding:.5em .5em 0}summary{margin:-.5em -.5em 0;padding:.5em;font-weight:700}details[open]{padding:.5em}details[open] summary{border-bottom:1px solid var(--accent);margin-bottom:.5em}details h3,details h4,details h5{font-size:16px}code{margin-top:var(--spacing);margin-bottom:var(--spacing);background-color:#ffffff17;border-radius:4px;padding:12px;display:block}