:root {
    /*
    ---blueish grey theme---
    */
    --main-color: #607b8b;
    --background-color: #314453;
    --little-darker-background-color: #2b3d49;
    --darker-background-color: #23313b;
    --accent-color: #79868f;
    --text-color: #ffffff;
    --download-color: #ffffff;
    /*
    ---variables---
    */
    --navbar-height: 60px;
    --cv-gap: 200px;
}

* {
    margin: 0;
    padding: 0;
}

h1 {
    font-size: 300%;
    color: var(--text-color);
    font-weight: normal;
}

h2 {
    font-size: 150%;
    color: var(--text-color);
}

body {
    /*min-height: 100vh;*/
    background: var(--background-color);
    font-family: 'Poppins', sans-serif;
}

html {
    height: 100%;
    overflow: scroll;
}

@media(max-width: 1300px) {
    h1 {
        font-size: 4.9vw;
    }
}

@media(max-width: 900px) {
    h2 {
        font-size: 5vw;
        text-align: center;
    }
}

@media(max-width: 650px) {
    h1 {
        text-align: center;
        font-size: 7vw;
    }
}