body {color: white; font-family: sans-serif; line-height: 1.5; letter-spacing: 1px; min-height: 100vh; padding: 48px; margin: 0; box-sizing: border-box; image-rendering: pixelated}
body > img, .img img {display: block; max-width: 100%; margin: 48px auto}
.next-word {color: #cccccc; font-weight: bold; line-height: 1; text-align: center; margin-top: 32px}
.next-word div {color: #d9396a; font-size: 2em; text-decoration: underline 0.1em dashed #cccccc}

h1 {margin-top: 0; margin-bottom: 32px}
h1 img {height: 1.5em; margin-bottom: -0.25em}
a {color: #de396b}

blockquote {font-size: 75%; text-shadow: 0 0 16px black, 0 0 16px black; margin: 48px 0; padding: 16px 24px; border: 0 solid; border-image: url(assets/tile.gif) 24 / 48px}
blockquote p {margin: 0}
.cite {display: block; color: gray; text-decoration: none; width: max-content; margin-left: auto}
.cite:hover {text-decoration: underline}
.before-quote {margin-bottom: 24px}
.before-quote + blockquote {margin-top: 24px}

iframe {width: 100%; aspect-ratio: 112/63; border: none; margin: 48px 0}