/* Deep Ocean scene animations */
.oc-rays {
  transform-origin: 50% 0;
  animation: oc-sway 8s ease-in-out infinite alternate;
}

@keyframes oc-sway {
  from { transform: skewX(-4deg); opacity: .7; }
  to { transform: skewX(4deg); opacity: 1; }
}

.oc-whale {
  animation: oc-swim 24s ease-in-out infinite alternate;
}

@keyframes oc-swim {
  from { transform: translate(-30px, 4px); }
  to { transform: translate(30px, -4px); }
}

.oc-fish {
  animation: oc-dart 12s ease-in-out infinite alternate;
}

@keyframes oc-dart {
  from { transform: translateX(60px); }
  to { transform: translateX(-40px); }
}

.oc-kelp path {
  transform-box: fill-box;
  transform-origin: 50% 100%;
  animation: oc-kelp 5s ease-in-out infinite alternate;
}

.oc-kelp path:nth-child(even) {
  animation-duration: 6.5s;
  animation-direction: alternate-reverse;
}

@keyframes oc-kelp {
  from { transform: rotate(-4deg); }
  to { transform: rotate(4deg); }
}