.ani {
  opacity: 0;
}

.fadeIn.is-animated {
  animation: fadeIn 0.5s 0.1s ease-in forwards;
}

.fadeIn-left.is-animated {
  animation: fadeIn_left 0.5s 0.1s ease-in forwards;
}

.fadeIn-right.is-animated {
  animation: fadeIn_right 0.5s 0.1s ease-in forwards;
}

.fadeInDown.is-animated {
  animation: fadeIn_top 0.5s 0.1s ease-in forwards;
}

.fadeInUp.is-animated {
  animation: fadeIn_bottom 0.5s 0.1s ease-in forwards;
}

.fadeInScale.is-animated {
  animation: fadeIn_scale 0.5s 0.1s ease-in forwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn_left {
  0% {
    opacity: 0;
    transform: translateX(-20%);
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeIn_right {
  0% {
    opacity: 0;
    transform: translateX(20%);
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeIn_top {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn_bottom {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeIn_scale {
  0% {
    opacity: 0;
    scale: 1.1;
  }
  100% {
    opacity: 1;
    scale: 1;
  }
}/*# sourceMappingURL=anim.css.map */