html { background: #fff; color: #111; }
body { margin: 0; }
main { max-width: 680px; margin: 0 auto; padding: 24px 16px 48px; font: 16px/1.55 Arial, Helvetica, sans-serif; }
h1 { margin: 28px 0 0; font: bold 48px/1 Georgia, "Times New Roman", serif; letter-spacing: 5px; }
h2 { margin-top: 36px; font: bold 24px/1.2 Georgia, "Times New Roman", serif; }
a { color: #004b73; }
hr { margin: 32px 0; border: 0; border-top: 1px solid #777; }
blockquote { margin: 24px 0; padding-left: 18px; border-left: 4px solid #555; font: 20px/1.45 Georgia, "Times New Roman", serif; }
.top, .footer { font: 12px/1.5 "Courier New", monospace; }
.return-top { margin: 24px 0 0; text-align: right; font: bold 12px/1.5 "Courier New", monospace; text-transform: uppercase; }
.return-top a::before { content: "↑ "; }
.expanded { margin: 8px 0 0; }
.motto { font: italic 20px Georgia, "Times New Roman", serif; }
@media (prefers-color-scheme: dark) {
  html { background: #111; color: #eee; }
  a { color: #8fd3ff; }
}