:root {
    --background-color: #fff;
    --text-color: #1f1f1f;
    --link-color: #0b57d0;
    --link-color-hover: #041e49;
}

@media (prefers-color-scheme: dark) {
    :root {
        --background-color: #1f1f1f;
        --text-color: #e3e3e3;
        --link-color: #a8c7fa;
        --link-color-hover: #d3e3fd;
    }
}

body {
    max-width: 80ch;
    font-size: 1.125em;
    background: var(--background-color);
    color: var(--text-color);
}

a {
    color: var(--link-color);
}

a:hover {
    color: var(--link-color-hover);
}

p {
    font: 1em/1.62em serif;
}

aside li {
    display: inline list-item;
}

pre {
    max-width: 100%;
    overflow: auto;
}