html { color: #330; background: #ffe; }

h1, h2, h3 { color: #163; }

.page-header, .page-header h1, .page-footer { color: #666; }

.blogpost__meta, .blogpost__xc { color: #386; }

code { color: #055; }

kbd { padding: 0 .35em; border-radius: .3em; background: #ddd linear-gradient(150deg, #bbb, #fff); border: 2px outset; }

del { color: #455; text-decoration-color: #c009; }

@media (prefers-color-scheme: dark) { html { color: #d9dac3; background: #130811; } h1, h2, h3 { color: #ae9; } code { color: #9bb; } kbd { color: #000; background: #777 linear-gradient(150deg, #555, #999); } del { color: #988; text-decoration-thickness: 15%; text-decoration-color: #c009; } del code { color: #99a5a5; } }

@media print { html { color: #000; background: #fff; } kbd { background: none; } }

html { font-family: 'IBM Plex Serif', 'Droid Serif', 'Sitka Text', 'Georgia', serif; font-size: 1.25rem; line-height: 1.8rem; }

pre, code, kbd { font-family: 'IBM Plex Mono', 'Roboto Mono', 'Droid Sans Mono', 'Consolas', monospace; }

.page-header { font-family: 'Snell Roundhand', 'Zapf Calligraphic', 'Z003', 'Monotype Corsiva', 'Segoe Script', cursive, fantasy, serif; font-size: 1.65rem; font-weight: normal; font-style: italic; line-height: 1.9rem; }

@media (max-width: 32rem) { .page-header { font-size: 1.35rem; line-height: 1.55rem; } }

a:link { text-decoration: underline; color: #129; }

a:focus, a:hover { text-decoration: underline; outline: medium solid; outline-offset: 0.15rem; color: #129; background: #cef; }

a:visited { text-decoration: underline; color: #624; }

a:visited:focus, a:visited:hover { text-decoration: underline; outline: medium solid; outline-offset: 0.15rem; color: #624; background: #fed; }

a:active, a:visited:active { text-decoration: underline; outline: medium solid; outline-offset: 0.15rem; color: #df9; background: #000; outline-color: #000; text-decoration: none; }

@media (prefers-color-scheme: dark) { a:link { text-decoration: underline; color: #37c; } a:focus, a:hover { text-decoration: underline; outline: medium solid; outline-offset: 0.15rem; color: #37c; background: #124; } a:visited { text-decoration: underline; color: #a6d; } a:visited:focus, a:visited:hover { text-decoration: underline; outline: medium solid; outline-offset: 0.15rem; color: #a6d; background: #305; } a:active, a:visited:active { text-decoration: underline; outline: medium solid; outline-offset: 0.15rem; color: #000; background: #ce6; outline-color: #ce6; text-decoration: none; } }

h2 a:link { text-decoration-thickness: .075rem; }

.blogpost__tags a:link, .blogpost__tags a:visited, .blogpost__xc a:link, .blogpost__xc a:visited, .page-footer a:link, .page-footer a:visited { text-decoration: underline; text-decoration-style: dotted; color: inherit; }

.blogpost__tags a:focus, .blogpost__tags a:hover, .blogpost__xc a:focus, .blogpost__xc a:hover, .page-footer a:focus, .page-footer a:hover { text-decoration: underline; outline: medium solid; outline-offset: 0.15rem; text-decoration: underline; text-decoration-style: dotted; color: inherit; outline: medium dotted; background: unset; }

.blogpost__tags a:active, .blogpost__tags a:visited:active, .blogpost__xc a:active, .blogpost__xc a:visited:active, .page-footer a:active, .page-footer a:visited:active { text-decoration: none; outline: medium solid; outline-color: #000; color: #ce6; background: #000; }

@media (prefers-color-scheme: dark) { .blogpost__tags a:active, .blogpost__tags a:visited:active, .blogpost__xc a:active, .blogpost__xc a:visited:active, .page-footer a:active, .page-footer a:visited:active { outline-color: #df9; color: #000; background: #df9; } }

h1, h2, h3 { font-weight: normal; margin: 1.5rem 0 1rem 0; page-break-after: avoid; }

h1 { font-size: 2.2rem; line-height: 2.8rem; voice-stress: strong; }

h2 { font-size: 1.8rem; line-height: 2.1rem; voice-stress: strong; }

h3 { font-size: 1.45rem; line-height: 2.17rem; }

blockquote { margin-left: .25rem; padding-left: .75rem; border-left: thin dashed; font-style: italic; }

pre, code, blockquote { page-break-inside: avoid; }

hr { content: ''; display: block; width: 62%; margin: 1.75rem auto; border: none; border-top: 1px dashed; }

del { text-decoration-line: line-through; font-style: italic; }

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

body { max-width: 50rem; margin: auto; padding: 1rem; }

.page-header { border-bottom: thick double; text-align: center; margin: 0; }

.page-footer { border-top: thick double; padding: 0.35rem 0 0 0; }

.page-footer p, .page-footer nav, .page-footer ul, .page-footer li { display: inline; margin: 0; padding: 0; }

.page-footer p, .page-footer li { margin-right: 1rem; }

.blogpost { margin: 3rem 0; pause-before: strong; }

.blogpost + .blogpost:before { content: ''; display: block; width: 62%; margin: -1px auto 2.25rem auto; border: none; border-top: 1px dashed; }

.blogpost-single { margin: 2.3rem 0 3rem 0; }

.blogpost__date, .blogpost__readmore { font-style: italic; }

@media (max-width: 32rem) { .blogpost__date .opt { display: none; } }

.blogpost__tags { display: none; }

@media (min-width: 21rem) { .blogpost__tags { display: block; } .blogpost__meta { display: grid; grid-template: auto / 3fr 2fr; } }

/*# sourceMappingURL=main.css.map */