/* stolen from yx7.cc :^) */

body { font-family: sans; display: flex; max-width: 112ch; line-height: 1.3; }
nav { padding: 1em; }
nav ul { margin: 0; margin-top: 1ex; padding-left: 1em; }
main { margin-left: 2em; margin-right: 2em; }
figure { width: 72ch; margin-top: 2em; margin-bottom: 2em; }
figcaption { font-size: 80%; }

hr { border: none; border-top: 1px solid gray; margin: 2ex 0; }

li { list-style-type: circle; }
.spaced-list > li { margin-bottom: 1ex; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

body { background-color: #fafafa; color: #070707; }
a { color: #13c; }
a:visited { color: /*#90a*/#13c; }

@media (prefers-color-scheme: dark) {
body { background-color: #111111; color: #ffffff; }
a { color: #39f; }
a:visited { color: /*#96f*/#39f; }
}

.imgbox { margin-left: 4em; max-width: 80%; margin-top: 2ex; margin-bottom: 2ex; text-align: right; }
.imgbox > img { min-width: 400px; max-width: 100%; }
.imgbox > a { display: block; font-size: 50%; }