@import url('css/reset.css');
@import url('https://fonts.googleapis.com/css2?family=Mooli&family=Nunito:ital@0;1&display=swap');
@import url('css/header.css');
@import url('css/footer.css');

:root{
    font-size: 15px;
    --azul: #030762;
    --cinza: #707070;
    --texto: #3a3a3a;
    --branco: #fff;
}

html{
    font-family: "Mooli", serif;
    font-weight: 400;
    font-style: normal;
    color: var(--texto);
    line-height: 1.5;
}

.container{
    width: 90%;
    margin: 0 auto;
}


.fade {
  opacity: 0;
  transform: translate(0, 10vh);
  transition: all 1s;
}

.fade.visible {
  opacity: 1;
  transform: translate(0, 0);
}

@media screen and (min-width: 993px) {
    
    .container{
        width: 85%;
        max-width: 1366px;
    }

}