/* Scss Document */
.animado_mostrar {
  opacity: 0;
  transition: all 1s; }

.mostrar_desde_arriba {
  animation: mostrar_desde_arriba 1s; }

.mostrar_desde_abajo {
  animation: mostrar_desde_abajo 1s; }

.mostrar_desde_izq {
  animation: mostrar_desde_izq 1s; }

.mostrar_desde_der {
  animation: mostrar_desde_arriba 1s; }

.rotar_derecha {
  animation: rotar_derecha 1s; }

.rotar_izquierda {
  animation: rotar_izquierda 1s; }

.rebote_ele {
  animation: rebote_ele 1s; }

@keyframes mostrar_desde_arriba {
  0% {
    transform: translateY(-10vw); }
  100% {
    transform: translateY(0); } }
@keyframes mostrar_desde_abajo {
  0% {
    transform: translateY(10vw); }
  100% {
    transform: translateY(0); } }
@keyframes mostrar_desde_izq {
  0% {
    transform: translateX(-10vw);
    opacity: 0; }
  100% {
    transform: translateX(0);
    opacity: 1; } }
@keyframes mostrar_desde_der {
  0% {
    transform: translateX(10vw); }
  100% {
    transform: translateX(0); } }
@keyframes rotar_derecha {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(1080deg); } }
@keyframes rotar_izquierda {
  0% {
    transform: rotate(0); }
  100% {
    transform: rotate(-1080deg); } }
@keyframes rebote_ele {
  0% {
    transform: translateY(-10vw); }
  20% {
    transform: translateY(0); }
  40% {
    transform: translateY(-5vw); }
  60% {
    transform: translateY(0); }
  80% {
    transform: translateY(-2.5vw); }
  100% {
    transform: translateY(0); } }