@import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
:root{
    --headerBacg: #EFFEF5;
    --btnBacg: #19A852;
    --b1: #ABD8C4;
    --b2: #3CB27F;
    --b3: #193C3F;
    --b4: #E4FBED;
    --b5: #ABD8C4;
    --b6: #567763;
    --b7: #34423A;
    --bg1: linear-gradient(180deg, #19A852 -34.48%, #193C3F 137.86%), #EFFEF5; 
    --bg2: linear-gradient(180deg, #E9F8EF 0%, rgba(233, 248, 239, 0) 110.85%);
    --fonts1: 'Staatliches', cursive;
    --fonts2: 'Open Sans', sans-serif;
}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
    text-decoration: none;
}

html{
    scroll-behavior: smooth;
}

.scroll.active{
    opacity: 1;
    bottom: 184px;
    right: 26px;
    transition: all 0.2s ease-out;
}


body{
    display: flex;
    justify-content: center;
}

.container-fluid{
    width: 100%;
}

@media screen and (max-width: 50000px) {
    .container-fluid{
        width: 1800px;
    }
}

@media screen and (max-width: 1800px) {
    .container-fluid{
        width: 100%;
    }
}