/* Custom styles for the static site */

/* Page transition */
#root {
  opacity: 0;
  transition: opacity 1000ms;
}

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Ensure video covers the hero section properly */
video {
  object-fit: cover;
}

/* Animation for pulsing icons with delay */
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: .5;
  }
}

.animate-pulse {
  animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Ensure all images load properly */
img {
  max-width: 100%;
  height: auto;
}