.scrollanime {
  opacity: 0;
  animation-timing-function: ease-out;
}

.fadeInDown {
  animation-name: fadeInDown;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translate(0);
  }
}

.updown {
  transform: translateY(-200px);
}

.downup {
  transform: translateY(200px);
}

.slide-right {
  transform: translateX(200px);
}

.slide-left {
  transform: translateX(-200px);
}

.delay1 {
  animation-delay: 0.2s;
}

.delay2 {
  animation-delay: 0.4s;
}
.delay3 {
  animation-delay: 0.6s;
}