:root {
    --shed_green: rgb(44, 66, 31);
    --white: rgba(255, 255, 255, 1);
    --black: rgba(0, 0, 0, 1);
    --near_black: rgb(51, 51, 51);
    --light_gray: rgba(200, 200, 200, 1);
    --gap: 0;

    --link: rgb(0, 123, 255);
    --visited_link: rgb(123, 0, 120);
}

@media(prefers-color-scheme: dark) {
    :root {
        --white: rgba(0, 0, 0, 1);
        --black: rgba(255, 255, 255, 1);
        --near_black: rgba(204, 204, 204, 1);
        --light_gray: rgba(55, 55, 55, 1);
        --link: rgb(110, 164, 255);
        --visited_link: rgb(219, 184, 255);
    }
}

body {
    display: flex;
    flex-direction: column;
    padding-right: var(--gap);
    padding-left: var(--gap);
    font-family: 'Ritual', -apple-system, BlinkMacSystemFont, segoe ui, Roboto, Oxygen, Ubuntu, Cantarell, open sans, helvetica neue, sans-serif;
    font-size: 1rem;
    line-height: 1.8;
    color: var(--black);
    word-break: break-word;
    background:var(--white)
}

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

a:visited {
    color: var(--visited_link);
}


code, pre, kbd, samp, tt {
    font-family: 'Ritual Mono', ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
}

footer.footer {
    display: flow;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1rem 0;
    margin-top: 2rem;
    border-top: 1px solid var(--light_gray);
    font-size: .9rem;
    color: #555;
    & a, & a:visited {
        color: #555;
        text-decoration: none;
    }
}