:root { --b: #000; --w: #fff; --a: #0b6adc; } @media (prefers-color-scheme: dark) { :root { --b: #fff; --w: #000; --a: #0b6adc; } } body { color: var(--b); background-color: var(--w); padding: 1rem; max-width: 79ch; font-family: 'Source Code Pro', monospace; font-size: 16px; line-height: 1.3; } header { margin: 2rem 0 auto; } footer { margin-top: 2rem; } h1, h2, h3, h4, h5, h6 { margin-top: 1rem; margin-bottom: 1.2rem; font-weight: 500; } h1 { font-size: 3.6rem; line-height: 1.2; letter-spacing: -.1rem;} h2 { font-size: 3.0rem; line-height: 1.25; letter-spacing: -.1rem; } h3 { font-size: 2.6rem; line-height: 1.3; letter-spacing: -.1rem; } h4 { font-size: 2.0rem; line-height: 1.35; letter-spacing: -.08rem; } h5 { font-size: 1.6rem; line-height: 1.5; letter-spacing: -.05rem; } h6 { font-size: 1.2rem; line-height: 1.6; letter-spacing: 0; } p { margin: 1rem 0; } a { color: var(--b); } a:hover { color: var(--a); } ol, ul { margin: 0; } section#posts { margin-top: 2rem; } ul#posts li { list-style: none; padding: 0; margin: .5rem 0; } ul#posts { padding: 0; } dt { /* Defenition list title */ font-weight: bold; } span.meta { font-size: 80%; } span.docutils.literal { /* Inline literal */ background-color: #d0d7de; border-radius: 4px; padding: 0 4px 2px 4px; font-family: monospace; font-size: 80%; } pre { font-size: 85%; } code { padding: .2rem .5rem; margin: 0 .2rem; white-space: nowrap; background: #f1f1f1; border: 1px solid #e1e1e1; } pre > code { display: block; padding: 1rem; white-space: pre; } blockquote { padding: 0 1em; border-left: .25em solid #d0d7de; } table, th, td { border: 1px solid; border-collapse: collapse; border-color: #afb4b9; padding: 0 8px; } th { font-weight: 600; background-color: #d0d7de; } td p { margin: .5rem 0; } hr { color: #d0d7de; } .admonition { padding: .5rem 1rem; } .admonition-title { font-weight: bold; } .highlight { border-radius: 8px; } .highlight pre { padding: 1rem; overflow-x: auto; }