/* body {
    color: whitesmoke;
    background-color: #606c76;
    font-family: Optima, Candara, "Noto Sans", source-sans-pro, sans-serif;
} */

body {
    color: #655;
    font-family: "Georgia", "Times New Roman", "Garamond", serif;
}

body {
    font-display: swap;
    font-size: 110%;
    padding: 0 10% 0 10%;
    min-height: 100vh;
}

@media (min-width: 40rem) {
    body {
        padding: 0 20% 0 20%;
    }
}

a {
    color: inherit;
    font-size: inherit;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
    cursor: pointer;
}

post {
    display: block;
    margin: 5rem 0;
}

.flex {
    display: flex;
    justify-content: space-between;
    margin: 3rem 0;
}

.row {
    display: flex;
    justify-content: space-between;
    margin: 1rem 0;
}

.centre {
    display: flex;
    justify-content: center;
    margin: 1rem auto 1rem auto;
    text-align: center;
}

.logo {
    display: flex;
    justify-content: center;
    margin: 2rem auto 2rem auto;
    font-size: xx-large;
    text-decoration: none;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
}

.logo a,
.flex a {
    text-decoration: none;
}