/* FIXME: what a mess */

html {
        border-left: 1px solid #0F0;
        border-right: 1px solid #0F0;
}

body {
        background-color: black;
        color: white;
        font-family: "Unna", Didot, 'Bodoni MT', 'Noto Serif Display', 'URW Palladio L', P052, Sylfaen, serif;
        font-size: 25px;
        line-height: 1.2;
}

h1,
h2,
h3,
h4,
h5,
h6 {
        font-family: "Roboto Flex", Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif;
        font-weight: 900;
}

h1 {
        font-size: 45px;
}

h2 {
        font-size: 40px;
}

h3 {
        font-size: 30px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol {
        margin-top: 20px;
        margin-bottom: 20px;
}

section {
        margin-top: 60px;
        margin-bottom: 60px;
}

article {
        max-width: 60%;
        margin: auto;
        margin-top: 10vh;
        margin-bottom: 50vh;
}

@media screen and (max-width: 1100px) {
        article {
                max-width: 75%;
                margin: auto;
        }
}

@media screen and (max-width: 800px) {
        article {
                max-width: 90%;
                margin: auto;
        }
}