/* Animation poisson */
@keyframes swim {
  0% { transform: translateX(0); }
  100% { transform: translateX(20px); }
}

.fish {
  animation: swim 2s infinite alternate ease-in-out;
}

/* Animation algue */
@keyframes wave {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(5deg); }
}

.seaweed {
  transform-origin: bottom center;
  animation: wave 3s infinite alternate ease-in-out;
}
body { background: yellow; }

/* Animation jet-ski : rebond sur les vagues */
@keyframes bounce {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-10px); }
  100% { transform: translateY(0); }
}

/* Animation jet-ski : glissement horizontal */
@keyframes glide {
  0%   { transform: translateX(0); }
  100% { transform: translateX(30px); }
}
}
.jetski {
  animation: bounce 3s infinite ease-in-out,
             glide 8s infinite alternate linear;
}

/* Animation poisson */
@keyframes swim {
  0% { transform: translateX(0); }
  100% { transform: translateX(20px); }
}
.fish {
  animation: swim 2s infinite alternate ease-in-out;
}

/* Animation algue */
@keyframes wave {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(5deg); }
}
.seaweed {
  transform-origin: bottom center;
  animation: wave 3s infinite alternate ease-in-out;
}

/* Animation nuages : déplacement lent */
@keyframes drift {
  0% { transform: translateX(0); }
  100% { transform: translateX(50px); }
}
.cloud {
  animation: drift 20s infinite alternate linear;
  opacity: 0.8;
}

/* Animation oiseaux : vol en battement */
@keyframes fly {
  0% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
  100% { transform: translateY(0); }
}
.bird {
  animation: fly 5s infinite ease-in-out;
}