/* Animate.css - Simplified Version for Navigation Menu */
/* Source: https://animate.style/ */

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.animate__fadeInLeft {
  animation-name: fadeInLeft;
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}

.animate__fadeOutLeft {
  animation-name: fadeOutLeft;
}

@keyframes rotateIn {
  from {
    transform: rotate(-200deg);
    opacity: 0;
  }

  to {
    transform: rotate(0);
    opacity: 1;
  }
}

.animate__rotateIn {
  animation-name: rotateIn;
}

@keyframes rotateOut {
  from {
    opacity: 1;
  }

  to {
    transform: rotate(200deg);
    opacity: 0;
  }
}

.animate__rotateOut {
  animation-name: rotateOut;
}

.animate__animated {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}