/* Entrance animations */

.entrance_animation {
  opacity: 0 !important;
  /* Initially, hide the element */
  filter: blur(50px) !important;
  transform: translateY(20px) !important;
  /* Optionally, you can add a initial transformation */
  transition: opacity 1.5s ease, transform 1s ease !important;
  /* Add a smooth transition effect */
}

.entrance_animation.has_entered{
  opacity: 1 !important;
  filter: blur(0) !important;
  transform: translateY(0) !important;
}

@media screen and (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
  }
}