/* Animations personnalisées uniquement */

/* Parallax effect on scroll */
.header-image {
  transform: translateY(calc(var(--scroll-offset, 0) * 0.3px));
}

/* Earthquake Animation */
@keyframes earthquake-shake {
  0%, 100% { 
    transform: translateX(0) translateY(0) rotate(0deg); 
  }
  10% { 
    transform: translateX(-5px) translateY(-2px) rotate(-1deg); 
  }
  20% { 
    transform: translateX(4px) translateY(1px) rotate(0.8deg); 
  }
  30% { 
    transform: translateX(-3px) translateY(-1px) rotate(-0.6deg); 
  }
  40% { 
    transform: translateX(6px) translateY(2px) rotate(1.2deg); 
  }
  50% { 
    transform: translateX(-4px) translateY(-1px) rotate(-0.8deg); 
  }
  60% { 
    transform: translateX(3px) translateY(1px) rotate(0.6deg); 
  }
  70% { 
    transform: translateX(-7px) translateY(-2px) rotate(-1.4deg); 
  }
  80% { 
    transform: translateX(5px) translateY(1px) rotate(1deg); 
  }
  90% { 
    transform: translateX(-2px) translateY(-1px) rotate(-0.4deg); 
  }
}

.important-link {
  animation: earthquake-shake 0.8s ease-in-out infinite;
}

.important-link:hover {
  animation-play-state: paused;
}