:root {
    color-scheme: light dark;

    --main-colour: CanvasText;
    --main-background-colour: Canvas;

    --nav-colour: var(--main-background-colour);
    --nav-background-colour: var(--main-colour);
}


body {
    max-width: 50rem;
    margin: auto;
    background-color: var(--main-background-colour);
}

nav {
    background-color: var(--nav-background-colour);
    color: var(--nav-colour);
    padding: 0.5rem 2rem;
    font-size: 1.2rem;
    font-family: monospace;
}

nav>a {
    color: var(--nav-colour);
    text-decoration: none;
}

main {
    color: var(--main-colour);
    font-family: sans-serif;
    padding: 0 2rem;
}

.abstract {
    border-left: 0.2rem solid var(--main-colour);
    padding: 0 0 0.5rem 1rem;
    margin: 2rem 0;
}

article>h3,
article>h1 {
    margin-bottom: 0;
}

article>h3>a {
    color: var(--main-colour);
    text-decoration: none;
}

h2>a {
    color: var(--main-colour);
    text-decoration: none;
}

article>time {
    font-size: 0.8rem;
    color: grey;
}

article>div,
article>div>div {
    margin-top: 1rem;
}

.codeblock {
    display: block;
    white-space: pre;
    overflow-x: scroll;
    font-family: monospace;
    background: #d3d3d350;
    border: 1px solid darkgrey;
    margin: 1rem;
    padding: 1rem;
}