/* Animacao */

[data-anime] {
  opacity: 0;
  transition: 1s;
}

[data-anime="down"] {
  transform: translate3d(0, -100%, 0);
}

[data-anime="up"] {
  transform: translate3d(0, 100%, 0);
}

[data-anime="left"] {
  transform: translate3d(-100%, 0, 0);
}

[data-anime="right"] {
   transform: translate3d(100%, 0, 0);
}

[data-anime].animate {
  opacity: 1;
  transform: translate3d(0 ,0 ,0);
}

[data-anime="move"] {
   transform: translate3d(0%, 0, 0);
}