:root
{
    --bg: whitesmoke;
    --fg: #111;
    --link: darkorchid;
}

@media (prefers-color-scheme: dark)
{
    :root
    {
	--bg: #111;
	--fg: whitesmoke;
	--link: orchid;
    }
}


body
{
    background-color: var(--bg);
    color: var(--fg);
    max-width: 80ch;
    margin: 0.5em auto;
    font-family: serif;
    font-size: 1.2em;
    padding: 0 1em;
    padding-top: 1em;
    text-align: justify;
    overflow-wrap: break-word;
}

nav, #title-block-header { text-align: center; }

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

blockquote, pre
{
    border: 1px solid var(--link);
    backdrop-filter: invert(10%);
    margin-inline: auto;
    border-left: 6px solid var(--link);
    padding: 0.5em;
}

article img
{
    display: block;
    margin: auto;
    margin-top: 1em;
    margin-bottom: 1em;
    max-width: 100%;
}

.button > img { display: unset; }