body {
	background:#e3e3e3;
	color:#161616;
	max-width:80ch;
	margin:auto;
	padding:1em 0;
	font-family:sans-serif;
}
h1,h2,h3 {text-align:center}
h1 {font-size:200%;}
h2 {font-size:160%;}
h3 {font-size:120%;}
a {text-decoration:none;color:#0000ff;}
.noha a:link, .noha a:visited {color:#161616;}
.noha a:hover, .noha a:focus, .noha a:active {color:#0000ff;}
.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:#161616;filter:invert(100%);}
}
.accordion {
	display:block;
	padding:0ch 1ch;
	border-style:dotted;
}
input {display:none;}
label {color:#0000ff;cursor:pointer;}
input + label + .hidden {display:none;}
input:checked + label {display:none;}
input:checked + label + .hidden {display:block;}