/**
 * Animation Styles
 * Keyframes and animation utilities
 */

/* Star field animation */
@keyframes animStar {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2000px);
  }
}

/* Fade animations for AOS */
[data-aos="fade-right"] {
  opacity: 0;
  transform: translateX(-50px);
  transition: opacity 0.6s, transform 0.6s;
}

[data-aos="fade-right"].aos-animate {
  opacity: 1;
  transform: translateX(0);
}

[data-aos="fade-left"] {
  opacity: 0;
  transform: translateX(50px);
  transition: opacity 0.6s, transform 0.6s;
}

[data-aos="fade-left"].aos-animate {
  opacity: 1;
  transform: translateX(0);
}

[data-aos="fade-in"] {
  opacity: 0;
  transition: opacity 0.6s;
}

[data-aos="fade-in"].aos-animate {
  opacity: 1;
}

[data-aos="zoom-in-up"] {
  opacity: 0;
  transform: scale(0.9) translateY(20px);
  transition: opacity 0.6s, transform 0.6s;
}

[data-aos="zoom-in-up"].aos-animate {
  opacity: 1;
  transform: scale(1) translateY(0);
}

/* Pulse animation for circles */
@keyframes pulsate-fwd {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

.pulsate-fwd {
  animation: pulsate-fwd 2s ease-in-out infinite both;
}