body {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    font-family: geneva, sans-serif;
}

@media screen and (max-width: 42em) {
    body {
        margin-left: 1em;
        margin-right: 1em;
    }
}

h1 {
    font-size: inherit;
    font-weight: inherit;
    order: 100;
}

code {
    font-size: larger;
}

pre {
    margin-left: 2em;
}

@media not (prefers-color-scheme: dark) {
    body {
        background-color: white;
        color: black;
    }

    a {
        color: #006;
        text-decoration-color: #88b;
    }

    a:hover {
        color: blue;
        text-decoration-color: blue;
    }
}

@media (prefers-color-scheme: dark) {
    body {
        background-color: #111;
        color: #ddd;
    }

    a {
        color: #99f;
        text-decoration-color: #ccf;
        text-decoration: none;
    }

    a:hover {
        color: blue;
        text-decoration-color: blue;
    }
}