:root {
    --c00: rgba(17, 24, 34, 0);
    --c05: rgba(17, 24, 34, 0.5);
    --c0: rgba(17, 24, 34, 1);
    --c1: rgba(39, 55, 77, 1);
    --c2: rgba(82, 109, 130, 1);
    --c3: rgba(157, 178, 191, 1);
    --c4: rgba(221, 230, 237, 1);
    --lexend: "Lexend Deca", sans-serif;
    --baskerville: "Libre Baskerville", serif;
    --roboto: "Roboto", sans-serif;
}

html {
    overscroll-behavior: none;
    color: var(--c0);
}

body {
    background-color: c1;
}

.page_content {
        width: 100%;
        min-height: 100%;
        box-sizing: border-box;
        margin-right: 15%;
        margin-left: 15%;
        background-color: var(--c4);
        transition: 0.5s;
        font-family: var(--baskerville);
}

.page_rubrik {
    margin-top: 1em;
    font-family: var(--baskerville);
    font-size: 2em;
    text-align: center;
}

.page_underrubrik {
    font-family: var(--lexend);
    font-weight:400;
    font-size: 1.5em;
    text-align: center;
}

.MDPage-content {
    font-family: var(--baskerville);
}

section {
    width: 100%;
    min-height: 100vh;
    display: flex;
}

@media only screen and (max-width: 900px) {
    .page_content {
        margin-right: 10%;
        margin-left: 10%;
    }
}