body {
    font-family: system-ui;
    font-size: 1.1rem;
    max-width: 80ch;
    margin: 0 auto;
    padding: 2rem 1.25rem;
    text-rendering: optimizeLegibility;
}

.title {
    color: #70315f;
}

h2, h3, h4, h5, h6 {
    color: #316570;
}

.tag {
    font-size: small;
    background-color: #efefef;
    border-radius: .1rem;
    padding: .2rem;
    float: right;
    color: #5f7031;
}

p {
    text-align: justify;
}

#postamble {
    opacity: .5;
}

pre.src, pre.example {
    padding: 1rem 1.4rem;
    max-width: 100%;
    overflow: auto;
    border-radius: 4px;
    background-color: #efefef;
}

img {
    border-radius: .75rem;
}

a, a:visited {
    color: inherit;
}

figure {
    display: flex;
    justify-content: center;
}
