
@keyframes menuFadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes latido {
  0%, 100% { transform: scale(1); }
  5% { transform: scale(1.05); }
  10% { transform: scale(1); }
}

/* amination */
@-webkit-keyframes csw-wobble-horizontal{
  16.65%{
    -webkit-transform:translateX(0.3125rem);
    transform:translateX(0.3125rem)
  }
  33.3%{
    -webkit-transform:translateX(-0.375rem);
    transform:translateX(-0.375rem)
  }
  49.95%{
    -webkit-transform:translateX(0.25rem);
    transform:translateX(0.25rem)
  }
  66.6%{
    -webkit-transform:translateX(-0.125rem);
    transform:translateX(-0.125rem)
  }
  83.25%{
    -webkit-transform:translateX(0.0625rem);
    transform:translateX(0.0625rem)
  }
  100%{
    -webkit-transform:translateX(0);
    transform:translateX(0)
  }

}
@keyframes csw-wobble-horizontal{
  16.65%{
    -webkit-transform:translateX(0.3125rem);
    transform:translateX(0.3125rem)
  }
  33.3%{
    -webkit-transform:translateX(-0.375rem);
    transform:translateX(-0.375rem)
  }
  49.95%{
    -webkit-transform:translateX(0.25rem);
    transform:translateX(0.25rem)
  }
  66.6%{
    -webkit-transform:translateX(-0.125rem);
    transform:translateX(-0.125rem)
  }
  83.25%{
    -webkit-transform:translateX(0.0625rem);
    transform:translateX(0.0625rem)
  }
  100%{
    -webkit-transform:translateX(0);
    transform:translateX(0)
  }

}

@-webkit-keyframes fadeIn{
  0%{
    opacity:0;
  }

  100%{
    opacity:1;
  }
}

@keyframes fadeIn{
  0%{
    opacity:0;
  }

  100%{
    opacity:1;
  }
}

@-webkit-keyframes fadeOut{
  0%{
    opacity:1;
  }

  100%{
    opacity:0;
  }
}

@keyframes fadeOut{
  0%{
    opacity:1;
  }

  100%{
    opacity:0;
  }
}

.animated{
  -webkit-animation-duration:1s;
  animation-duration:1s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
}

.animated.infinite{
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
}

.animated.hinge{
  -webkit-animation-duration:2s;
  animation-duration:2s;
}
.fadeIn{
  -webkit-animation-name:fadeIn;
  animation-name:fadeIn;
}

.fadeOut{
  -webkit-animation-name:fadeOut;
  animation-name:fadeOut;
}