/* =============================================
   BACKGROUND — Three.js canvas & blob halos
   ============================================= */

#tc {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  opacity: .6;
}

.blob {
  position: fixed;
  border-radius: 50%;
  filter: blur(100px);
  z-index: 0;
  pointer-events: none;
  animation: bfloat 22s ease-in-out infinite;
}

.b1 {
  width: 640px;
  height: 640px;
  background: rgba(0, 129, 204, .07);
  top: -180px;
  left: -160px;
  animation-delay: 0s;
}

.b2 {
  width: 500px;
  height: 500px;
  background: rgba(0, 78, 122, .05);
  bottom: -120px;
  right: -100px;
  animation-delay: -9s;
}

.b3 {
  width: 360px;
  height: 360px;
  background: rgba(0, 163, 230, .06);
  top: 40%;
  right: 10%;
  animation-delay: -16s;
}