:root {
    --bg: #100000;
    --text: #f3e7cf;
    --accent: #e10000;
}

@media (prefers-color-scheme: light) {
    :root {
        --bg: #dfdfde;
        --text: #100000;
        --accent: #c00;
    }
}

h1 {
    border-bottom: none;
}

h4 {
    font-size: 1em;
    text-transform: none;
}

li a, li a:visited {
    text-decoration: none;
}

details ul {
    padding-left: 2em;
    padding-right: 1em;
}

aside {
    border: none;
}

aside details {
    border: none;
    margin: 0;
    padding: 0;
}

/* dither taken from https://cohost.org/-12/post/185483-css-dithering-filter */

h1, h2 {
    /* background: url(data:image/webp;base64,UklGRjAAAABXRUJQVlA4TCQAAAAvA8AAAIVS27ahb3uzOUmSJoqqrOq6P47of8DQdcprYdP8/VY=); */
    filter: contrast(2000) blur(.6px) brightness(.75) contrast(2);
    image-rendering: crisp-edges;
    mix-blend-mode: hard-light;
    background: var(--accent);
    color: var(--bg);
}

/* .ditherchild {
    mix-blend-mode: soft-light;
    background: white;
    isolation: isolate;
} */