@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
:root{
    --broken-white: #f7fafc;
    --primary: rgba(164, 214, 94, 1);
    --primary-9: rgba(164, 214, 94, .9);
    --primary-8: rgba(164, 214, 94, .8);
    --primary-7: rgba(164, 214, 94, .7);
    --primary-6: rgba(164, 214, 94, .6);
    --primary-5: rgba(164, 214, 94, .5);
    --primary-4: rgba(164, 214, 94, .4);
    --primary-3: rgba(164, 214, 94, .3);
    --primary-2: rgba(164, 214, 94, .2);
    --primary-1: rgba(164, 214, 94, .1);
    --secondary: rgba(237, 237, 237, 1);
    --secondary-9: rgba(237, 237, 237, .9);
    --secondary-8: rgba(237, 237, 237, .8);
    --secondary-7: rgba(237, 237, 237, .7);
    --secondary-6: rgba(237, 237, 237, .6);
    --secondary-5: rgba(237, 237, 237, .5);
    --secondary-4: rgba(237, 237, 237, .4);
    --secondary-3: rgba(237, 237, 237, .3);
    --secondary-2: rgba(237, 237, 237, .2);
    --secondary-1: rgba(237, 237, 237, .1);
}

*{
    font-family: 'Montserrat';
    scroll-behavior: smooth;
}

.container{
    width: 80%;
    max-width: 1400px;
}

main{
    margin-top: calc(100px + 2rem);
}

.clamp-h1{font-size: clamp(1.75rem, 1.0536rem + 2.4762vw, 3.375rem);}
.clamp-h2{font-size: clamp(1.5625rem, 0.9464rem + 2.1905vw, 3rem);}
.clamp-h3{font-size: clamp(1.375rem, 0.8929rem + 1.7143vw, 2.5rem);}
.clamp-h4{font-size: clamp(1.1875rem, 0.7857rem + 1.4286vw, 2.125rem);}
.clamp-h5{font-size: clamp(1rem, 0.7321rem + 0.9524vw, 1.625rem);}
.clamp-p{font-size: clamp(0.8125rem, 0.6786rem + 0.4762vw, 1.125rem);}