/*  keyframes e classes animadas */
/* Classes de animação */
/*
.animar {
    animation: fadeUp 1.0s ease-out forwards;
}

.animar-direita {
    animation: fadeRight 1.0s linear forwards;
}

.animar-esquerda {
    animation: fadeLeft 1.0s linear forwards;
}

/* Texto vindo da esquerda */
/*@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translateX(-40px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Imagem vindo da direita */
/*@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translateX(40px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
*/