@import url('https://fonts.googleapis.com/css2?family=Dosis&family=Poppins');
:root {
    --main-bg-color: #0d5eaf83;
    --second-bg-color: #af760d1f;
    --warm-color: rgb(55, 77, 177);
}

* {
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
}

h1,
h2 {
    font-family: 'Dosis', sans-serif;
    text-transform: uppercase;
    margin: 20px;
}

body h2 {
    font-size: 1.9rem;
}

.page {
    height: 60vh;
    background: var(--second-bg-color);
    text-align: center;
    padding: 20px;
}

.page:nth-child(odd) {
    background: linear-gradient(-45deg, var(--warm-color), var(--main-bg-color), var(--main-bg-color), var(--main-bg-color), var(--main-bg-color), var(--warm-color));
    background-color: #0d5eaf33;
}

a {
    color: #000;
    text-decoration: underline;
    font-size: 1.1rem;
}

.accent {
    font-weight: bold;
}

.subline {
    font-weight: 400;
}

@media (max-width: 1000px) {
    .page {
        max-height: unset;
        min-height: 100vh;
        height: unset !important;
    }
}