.slide-up {
  animation: slide-up 0.5s ease-in-out forwards;
  opacity: 0;
  transform: translateY(200px);
}

@keyframes slide-up {
  from {
    opacity: 0;
    transform: translateY(200px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.slide-right {
  animation: slide-right 0.5s ease-in-out forwards;
  opacity: 0;
  transform: translateX(200px);
}

@keyframes slide-right {
  from {
    opacity: 0;
    transform: translateX(200px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.slide-up-delay-1 {
  animation-delay: 0.01s;
}

.slide-up-delay-2 {
  animation-delay: 0.2s;
}

.slide-up-delay-3 {
  animation-delay: 0.03s;
}
.slide-up-delay-4 {
  animation-delay: 0.04s;
}

.slide-up-delay-5 {
  animation-delay: 0.05s;
}

.slide-up-delay-6 {
  animation-delay: 0.06s;
}
.slide-up-delay-7 {
  animation-delay: 0.07s;
}

.slide-up-delay-8 {
  animation-delay: 0.08s;
}

.slide-up-delay-9 {
  animation-delay: 0.09s;
}
.slide-up-delay-10 {
  animation-delay: 0.1s;
}

.slide-up-delay-11 {
  animation-delay: 0.11s;
}

.slide-up-delay-12 {
  animation-delay: 0.12s;
}

.slide-up-delay-13 {
  animation-delay: 0.13s;
}