.global-bg{
  position:fixed;
  inset:0;
  z-index:-1;
  overflow:hidden;
  pointer-events:none;
}

.sphere{
  position:absolute;
  border-radius:50%;
  filter:blur(100px);
  opacity:.25;
  animation:float 18s ease-in-out infinite alternate;
}

.s1{
  width:400px;
  height:400px;
  background:#D4AF37;
  top:10%;
  left:5%;
}

.s2{
  width:500px;
  height:500px;
  background:#2f3c56;
  bottom:10%;
  right:5%;
  animation-duration:22s;
}

.s3{
  width:350px;
  height:350px;
  background:#1a2335;
  top:50%;
  left:40%;
  animation-duration:26s;
}

@keyframes float{
  0%{transform:translateY(0px) translateX(0px);}
  50%{transform:translateY(-40px) translateX(30px);}
  100%{transform:translateY(30px) translateX(-20px);}
}