@keyframes float {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-20px); }
}
.animate-float { animation: float 6s ease-in-out infinite; }

@keyframes float-slow {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-15px); }
}
.animate-float-slow { animation: float-slow 8s ease-in-out infinite; }

@keyframes float-slower {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
}
.animate-float-slower { animation: float-slower 10s ease-in-out infinite; }

@keyframes spin-slow { 
  from { transform: rotate(0deg); } 
  to { transform: rotate(360deg); } 
}
.animate-spin-slow { animation: spin-slow 60s linear infinite; }