@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&display=swap');

body{
    font-family: "Merriweather Sans", sans-serif;
    font-weight: 400;
    letter-spacing: 0.1em;
}

nav{
    font-family: "Geologica", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

button{
    font-family: "Geologica", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 17.5px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

h1{
    font-family: "Geologica", sans-serif;
    font-size: 42px;
    font-weight: 700;
    line-height: 52.5px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

h2{
    font-family: "Geologica", sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 45px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

h3{
    font-family: "Geologica", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

@media (width < 768px) {
    h1 {
        font-size: 32px;
        line-height: 38px;
    }

    h2 {
        font-size: 30px;
        line-height: 32px;
    }
}

@media (width < 480px) {
    h1 {
        font-size: 28px;
        line-height: 30px;
    }

    h2 {
        font-size: 26px;
        line-height: 28px;
    }
}