*{
    margin: 0;
    padding: 0;
    text-decoration: none;
}

img{

    
}

html{
    overflow-x: hidden;
    scroll-behavior: smooth;
}

body{
    max-width: 100vw;
}
a{
    color: black;
}

:root{
    --main-color: rgba(159, 101, 7, 1);
    --main-color-dark:  rgba(117, 74, 5, 1);
    --main-color-darkest: rgb(6, 22, 33);
    --main-color-dark-opaque: rgba(117, 74, 5, 0.8);
    --main-color-darkest-opaque: rgba(6, 22, 33, 0.8);
    --main-color-light: rgb(5,139,140);
    --main-color-lighter: rgb(200, 144, 124);
    --main-color-lightest: rgb(250, 224, 212);
}




.vertical-divider{
    height: 50px;
}

.vertical-divider-small{
    height: 50px;
}

@media (max-width: 768px){
    .only-mobile{
        display: block;
    }

    .only-desktop{
        display: none;
    }
    h1{
        position: absolute;
        bottom: 40px;
        left: 40px;
        color: var(--main-color-lightest);
        font-family: "Bebas Neue", sans-serif;
        font-size: 6em;
    }
    
    h2{
        font-family: "Bebas Neue", sans-serif;
        font-size: 3em;
        color: var(--main-color-light);
        margin-bottom: 20px;
    }
    
    h3{
        font-family: "Bebas Neue", sans-serif;
        font-size: 2em;
        margin-bottom: 20px;
    }
    
    p{
        font-family: "Catemaran", sans-serif;
        color: var(--main-color-lighter);
        font-size: 1.2em;
        margin-bottom: 20px;
    }
}

@media (min-width: 768px){
    .only-mobile{
        display: none;
    }

    .only-desktop{
        display: block;
    }
    h1{
        position: absolute;
        bottom: 40px;
        left: 40px;
        color: var(--main-color-lightest);
        font-family: "Bebas Neue", sans-serif;
        font-size: 5em;
    }
    
    h2{
        font-family: "Bebas Neue", sans-serif;
        font-size: 2.2em;
        color: var(--main-color-light);
        margin-bottom: 20px;
    }
    
    h3{
        font-family: "Bebas Neue", sans-serif;
        font-size: 1.6em;
        margin-bottom: 20px;
    }
    
    p{
        font-family: "Catemaran", sans-serif;
        color: var(--main-color-lighter);
        font-size: 1.0em;
        margin-bottom: 20px;
    }
}