/* Animated Fish Silhouettes Styles */

#fish-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}

.fish-silhouette {
  position: absolute;
  top: 0;
  left: 0;
  will-change: transform;
  pointer-events: none;
  display: block;
  /* Dark blue silhouette color (#0a2540) with slight blur for depth */
  filter: brightness(0.3) sepia(1) hue-rotate(180deg) saturate(3) blur(0.5px);
}