*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

@font-face {
    font-family: Nunito-Black;
    src: url(/fonts/Nunito-Black.ttf);
}

@font-face {
    font-family: Nunito-Semibold;
    src: url(/fonts/Nunito-SemiBold.ttf);
}

@font-face {
    font-family: Nunito-Regular;
    src: url(/fonts/Nunito-Regular.ttf);
}

@font-face {
    font-family: Nunito-Bold;
    src: url(/fonts/Nunito-Bold.ttf);
}

:root{
    --verde: #38563B;
    --negro: #363636;
    --blanco: #F6F6F6;
    --verde-claro: #57C267;
}

html{
    font-size: 62.5%;
    overflow-x: hidden;
    scroll-behavior: smooth;
}

h1{
    font-size: 4.5rem;
    text-transform: uppercase;
}

h2{
    font-size: 4.5rem;
    text-transform: uppercase;
}



p{
    font-size: 1.8rem;
    color: var(--negro);
}

h1, h2, h3, h4, a{
    font-family: Nunito-Black;
}

p{
    font-family: Nunito-Semibold;
}

.ads{
    padding: 32px;
    background-color: #FFF;
    font-size: 4rem;
    text-align: center;
    font-family: Nunito-Semibold;
}