/*------------------------------------------------------

    ZOOM IN

------------------------------------------------------*/
.zoomIn.is-active {
  opacity: 0;
  animation-name: zoomInAnime;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

@keyframes zoomInAnime {
  from {
    opacity: 0;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
/*------------------------------------------------------

    ZOOM OUT

------------------------------------------------------*/
.zoomOut.is-active {
  opacity: 0;
  animation-name: zoomOutAnimation;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  transform: scale(4);
}

@keyframes zoomOutAnimation {
  0% {
    opacity: 0;
    transform: scale(4);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/*------------------------------------------------------

    FADE UP

------------------------------------------------------*/
.fadeInUp.is-active {
  opacity: 0;
  transform: translateY(0);
  animation-name: fadeInUpAnimation;
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}

@keyframes fadeInUpAnimation {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*------------------------------------------------------

    FADE UP CENTER

------------------------------------------------------*/
.fadeInUp-center.is-active {
  opacity: 0;
  transform: translate(-50%, 0);
  animation-name: fadeInUpCenterAnimation;
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}

@keyframes fadeInUpCenterAnimation {
  0% {
    opacity: 0;
    transform: translate(-50%, 100%);
  }
  100% {
    opacity: 1;
    transform: translateY(-50%, 0);
  }
}
/*------------------------------------------------------

    BOUNCE

------------------------------------------------------*/
.bounce.is-active {
  animation: bounce 1s infinite ease-in-out;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  48% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(-5px);
  }
}
/*------------------------------------------------------

    PULSE

------------------------------------------------------*/
.pulse.is-active {
  animation: pulse 1s infinite ease-in-out;
}

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}/*# sourceMappingURL=anime.css.map */