@keyframes opacity-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 100;
  }
}
@keyframes slide-up {
  50% {
    opacity: 100;
  }
  100% {
    opacity: 100;
    transform: translateY(0rem);
  }
}
.opacity-in {
  opacity: 0;
  animation-name: opacity-in;
  animation-duration: 1s;
  animation-delay: 0s;
  animation-fill-mode: forwards;
}

.slide-up {
  transform: translateY(5rem);
  opacity: 0;
  animation-name: slide-up;
  animation-duration: 1s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}

.pre-animation-slide-in-left {
  opacity: 0;
  transform: translateX(-5rem);
}

.opacity-0 {
  opacity: 0;
}

@keyframes slide-in-left {
  50% {
    opacity: 100;
  }
  100% {
    opacity: 100;
    transform: translateX(0rem);
  }
}
@keyframes opacity-1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100;
  }
}
@keyframes w-op-slide-in {
  50% {
    opacity: 100;
  }
  100% {
    opacity: 100;
    transform: translateY(0rem);
  }
}
.slide-in-left {
  transform: translateX(-5rem);
  opacity: 0;
  animation-name: slide-in-left;
  animation-duration: 1s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}

.opacity-1 {
  opacity: 0;
  animation-name: opacity-1;
  animation-duration: 1s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
}

.w-o-s-in {
  opacity: 0;
  transform: translateY(5rem);
}

.w-op-slide-in {
  opacity: 0;
  transform: translateY(5rem);
  animation-name: w-op-slide-in;
  animation-duration: 1s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
}/*# sourceMappingURL=animations.css.map */