body[a="dark"] { filter: invert(1); }

body[a="dark"] img { filter: invert(1); }

body[a="dark"] img.ioda { filter: invert(0); }

@media (prefers-color-scheme: light) { body[a="auto"] { filter: invert(1); } body[a="auto"] img { filter: invert(1); } body[a="auto"] img.ioda { filter: invert(0); } }

html, body { background: white; }

html { height: 100%; }

body { color: black; font-family: monospace; font-size: 0.9rem; line-height: 1.3; margin: 0; min-height: 100%; }

.post-meta { text-align: right; }

h2, h3, h4, h5, h6 { margin-top: 3rem; }

hr { margin: 2rem 0; }

p { margin: 1rem 0; }

li { margin: 0.4rem 0; }

*:target { background: yellow; }

.w { width: fit-content; max-width: 640px; margin: 0 auto; padding: 4rem 2rem; }

hr { text-align: center; border: 0; }

hr:before { content: '/////'; }

hr:after { content: attr(data-content) "/////"; }

table, th, td { width: 100%; border: thin solid black; border-collapse: collapse; padding: 0.4rem; }

code { color: white; background: black; }

div.highlighter-rouge code { display: block; overflow-x: auto; padding: 1rem; }

blockquote { font-style: italic; border: thin solid black; padding: 1rem; }

blockquote p { margin: 0; }

img { max-width: 100%; display: block; margin: 0 auto; }

/* unvisited link */
a:link { color: black; }

/* visited link */
a:visited { color: black; }

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