/* Generated with ChatGPT */

.background-animation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -5;
}

.square {
  position: absolute;
  width: 30px;
  height: 30px;
  background: rgba(0, 153, 196, 0.2);
  border-radius: 3px;
  animation: bob 4s ease-in-out infinite alternate;
}

.sq1 { top: 82%; left: 7%; animation-delay: 0s; }
.sq2 { top: 12%; left: 65%; animation-delay: 1s; }
.sq3 { top: 41%; left: 31%; animation-delay: 2s; }
.sq4 { top: 8%; left: 4%; animation-delay: 0.5s; }
.sq5 { top: 67%; left: 65%; animation-delay: 1.5s; }

@keyframes bob {
  from { transform: translateY(0); }
  to { transform: translateY(-15px); }
}