/* Animation keyframes */
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(35px);
  }
  20% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 0.3;
  }
  100% {
    opacity: 1;
  }
}

/* Initial state for elements to be animated */
.fade-in-up {
  opacity: 0;
  transform: translateY(30px);
}

.fade-in {
  opacity: 0;
}

/* Animation classes that will be added */
.animated {
  animation-duration: 0.5s; /* Faster animation duration */
  animation-fill-mode: both;
  animation-timing-function: ease-out;
}

.animated.fade-in-up {
  animation-name: fadeInUp;
}

.animated.fade-in {
  animation-name: fadeIn;
}

/* Animation delays - reduced by approximately 50% */
.delay-100 {
  animation-delay: 100ms;
}

.delay-200 {
  animation-delay: 200ms;
}

.delay-300 {
  animation-delay: 300ms;
}

.delay-400 {
  animation-delay: 400ms;
}

.delay-500 {
  animation-delay: 500ms;
}

.delay-600 {
  animation-delay: 600ms;
}

.delay-700 {
  animation-delay: 700ms;
}

.delay-800 {
  animation-delay: 800ms;
}