body { background:#ddd; color:#222; max-width:80ch; margin:auto; padding:1em 0; font-family:sans-serif; } a {text-decoration:none;color:#00f;} h1,h2,h3 {text-align:center} h1 {font-size:200%;} h2 {font-size:160%;} h3 {font-size:120%;} .noha a:link,a:visited {color:#222;} .noha a:hover,a:focus,a:active {color:#00f;} .nav {height:3rem;font-size:250%;} .navl {float:left;text-align:left;} .navr {float:right;text-align:right;} .footl {float:left;text-align:left;} .footr {float:right;text-align:right;} pre {filter:invert(100%);} @media (prefers-color-scheme: dark) { body {background:#222;filter:invert(100%);} } .accordion { display:block; padding:0ch 1ch; border-style:dotted; } input {display:none;} label {color:#00f;cursor:pointer;} input + label + .hidden {display:none;} input:checked + label {display:none;} input:checked + label + .hidden {display:block;}