.scrollDelay {
  animation-delay: 0.8s;
}

.delayTime {
  animation-delay: 1.2s;
}

.delayTime-x2 {
  animation-delay: 2.4s;
}

.delayTime-x3 {
  animation-delay: 3.6s;
}

.wipeDown {
  animation-name: wipeDownAnimation;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
  opacity: 0;
  max-width: 100%;
}

@keyframes wipeDownAnimation {
  from {
    opacity: 0;
    -webkit-clip-path: inset(0 0 100% 0);
            clip-path: inset(0 0 100% 0);
    transform: scale(1.2);
  }
  to {
    opacity: 1;
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    transform: scale(1);
  }
}
.fadeLeft {
  animation-name: fadeLeftAnimation;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeLeftAnimation {
  from {
    opacity: 0;
    transform: translateX(-10%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeIn {
  animation-name: fadeInAnimation;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeInAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeUp {
  animation-name: fadeUpAnimation;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeUpAnimation {
  from {
    opacity: 0;
    transform: translateY(20%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeDown {
  animation-name: fadeDownAnimation;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeDownAnimation {
  from {
    opacity: 0;
    transform: translateY(-70%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}/*# sourceMappingURL=top_animation.css.map */