/* AnimaÃ§Ã£o */

[data-anime] {
    opacity: 0;
    transition: all .4s ease 0s;
}

[data-anime="top"] {
    transform: translate3d(0, -100px, 0);
}

[data-anime="bottom"] {
    transform: translate3d(0, 300px, 0);
}

[data-anime="left"] {
    transform: translate3d(-20px, 0, 0);
}

[data-anime="right"] {
    transform: translate3d(20px, 0, 0);
}

[data-anime].animate {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
}

[data-anime-delay="100"] {
    transition-delay: 0.1s;
}

[data-anime-delay="200"] {
    transition-delay: 0.2s;
}

[data-anime-delay="300"] {
    transition-delay: 0.3s;
}

[data-anime-delay="400"] {
    transition-delay: 0.4s;
}

[data-anime-delay="500"] {
    transition-delay: 0.5s;
}

[data-anime-delay="600"] {
    transition-delay: 0.6s;
}