:root {
    --background-colour: #dfddd0;
    --foreground-colour: black;
    --link-colour: #000099;
    --border: 1px solid var(--foreground-colour);
}

@media (prefers-color-scheme: dark) {
    :root {
        --background-colour: black;
        --foreground-colour: #dfddd0;
        --link-colour: #8888dd;
    }
}

body {
    background-color: var(--background-colour);
    color: var(--foreground-colour);
}

a, a:link, a:active, a:visited {
    color: var(--link-colour);
}

header {
    border-bottom: var(--border);
}

footer {
    border-top: var(--border);
}

h1 {
    text-align: center;
}

.code {
    border: var(--border);
    margin: 5px;
    padding: 5px;
}