/*Todas as conexões necessarias para a construção da página sobre */

@import url(../../global/imports.css);
@import url(../../global/Padrão.css);
@import url(../../global/cokie_desktop_paisagem.css);
@import url(./popUp.css);
@import url(./sec_cap_1.css);
@import url(./sec_cap_2.css);
@import url(./sec_cap_3.css);

/*Classe responsavel por ocultar elementos*/
.hidden {
    opacity: 0;
    transition: opacity 0.5s ease;
}

/*Classe responsavel por fazer elementos surgirem na tela*/
.show {
    opacity: 1;
    animation: surgimento 1s ease;
}

/*animação de surgimento onde o elemento vem da parte inferior da tela e para no seu ponto natural, lembrando que no inico da animação o objeto está com opacidade 0, porem ao chegar no fim da animação a opacidade do objeto chega ao 100%*/
@keyframes surgimento {
    from {
        opacity: 0;
        transform: translateY(100%);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}