body { margin: 1em auto; max-width: 40em; }
h1, h2, h3, h4, h5, h6 { font-family: sans-serif; font-weight: bold }
h1 { font-size: 160%; text-align: center; border-bottom: 1px solid; padding-bottom: 1ex }
h2 { font-size: 140% }
h3 { font-size: 110% }
h4 { font-size: 105%; font-style: italic }
h5 { font-size: 100%; font-style: italic }
h6 { font-size: 95%; font-style: italic }
div { margin: 0; padding: 0 }
pre { margin: 0; margin-top: -2ex; padding: 0; padding-left: 3em; padding-right: 1em }
blockquote { color: #444; font-size: 95%; font-style: italic }

#mirrorNote { border: 1px solid #cc7; background: #ffd; padding: 1ex; color: #000 }

@media only all and (prefers-color-scheme: dark) {
    blockquote { color: #bbb }
    #mirrorNote { border-color: #552; background-color: #331; color: #eee }
}