body { max-width: 720px; padding: 0em 1em; margin: auto; 	font-family: "Garamond", Georgia, serif, 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Emoji'; }

a { color: inherit; text-underline-offset: 3px; }
a:hover { color: #999 }

header a { color: inherit; font-size: 1.25em; text-decoration: none; }
header a:hover { background: none; color: inherit; }

img { max-width: 100%; height: auto; }

figcaption { text-align: center; font-style: italic; font-size: 0.85em; color: #777; margin-top: 0.5em; }

time { color: #777; }

main > ul { list-style: none; padding: 0; }
main > ul li { display: flex; padding-bottom: .2em; }
main > ul time { min-width: 5em; }

p { line-height: 1.5; }

hr { border-style: dashed; }

article h2, article h3, article h4 { margin-top: 2em; }

code { font-family: monospace; font-size: 0.9em; background: #ebebeb; padding: 0.1em 0.35em; border-radius: 3px; }

pre, .chroma { background: #222; color: #f0f0f0; padding: 1rem; white-space: pre-wrap; overflow-x: auto; }

pre code { background: none; padding: 0; border-radius: 0; font-size: 1em; }

table { border-collapse: collapse; }
th, td { padding: 0.25em 1em 0.25em 0; text-align: left; border-bottom: 1px solid; }

@media (prefers-color-scheme: dark) {
  body { color: white; background: black; }
  code { background: #2a2a2a; }
  time { color: #999; }
  figcaption { color: #999; }
}