* { color-scheme: light dark; }

body
{
    max-width: 80ch;
    margin: auto;
    font-family: serif;
    font-size: 1.3em;
    padding: 0 1em;
    text-align: justify;
}

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

nav { padding-top: 1em; }

blockquote, code
{
    border: 1px solid;
    backdrop-filter: invert(10%);
    margin-inline: auto;
}

code
{
    overflow: scroll;
    display: block;
    padding: 0.5em;
}

blockquote
{
    border-left: 6px solid;
    padding-left: 0.5em;
}

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

pre { overflow: scroll; }

.button > img
{
    text-decoration: none;
    display: unset;
}