/* aesthetics */
body { font-size: 1.2em; width: min(40em, 80%); margin: 0 auto; }
h1 { font-size: 1.5em; text-align: center; }
h2 { font-size: 1.2em; }
h3 { font-size: 1em; }
h1, h2, h3 { font-family: sans-serif; }
blockquote { padding: 0 1em; border-left: 1px solid grey; }
img { display: block; margin: 0 auto; }
pre { border: 1px solid grey; padding: 1em; overflow: auto; }
/* header */
.subtitle { font-style: italic; text-align: center; }
.hlinks { text-align: center; }
/* toggleable spoilers */
input:not(:checked) + .spoiler { background-color: black; }
/* omit things for printing */
@media print { footer, .hlinks { display: none; }  }