.wc-fill-bg-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 50%;
  bottom: 0;
  background: #2C3875;
  overflow: hidden;
}
.wc-fill-bg-container > span {
  width: 15vmin;
  height: 15vmin;
  border-radius: 15vmin;
  backface-visibility: hidden;
  position: absolute;
  animation-name: move;
  animation-duration: 180s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.wc-fill-bg-container > span:nth-child(1) {
  color: #36448f;
  top: 86%;
  left: 91%;
  animation-duration: 45.9s;
  animation-delay: -45.2s;
  transform-origin: -3vw 16vh;
  box-shadow: 30vmin 0 9.3676481672vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(2) {
  color: #28336a;
  top: 64%;
  left: 28%;
  animation-duration: 15.2s;
  animation-delay: -75.7s;
  transform-origin: 6vw 21vh;
  box-shadow: -30vmin 0 8.0296262161vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(3) {
  color: #1f2854;
  top: 98%;
  left: 89%;
  animation-duration: 64.1s;
  animation-delay: -44.9s;
  transform-origin: -21vw 20vh;
  box-shadow: -30vmin 0 6.5796299862vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(4) {
  color: #28336a;
  top: 86%;
  left: 8%;
  animation-duration: 98.4s;
  animation-delay: -65.7s;
  transform-origin: 13vw 10vh;
  box-shadow: -30vmin 0 4.8000788511vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(5) {
  color: #36448f;
  top: 100%;
  left: 44%;
  animation-duration: 164.5s;
  animation-delay: -33.8s;
  transform-origin: -23vw 18vh;
  box-shadow: -30vmin 0 6.6037432082vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(6) {
  color: #28336a;
  top: 46%;
  left: 34%;
  animation-duration: 97.7s;
  animation-delay: -137.2s;
  transform-origin: 1vw 6vh;
  box-shadow: -30vmin 0 10.1466257326vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(7) {
  color: #28336a;
  top: 86%;
  left: 34%;
  animation-duration: 20.4s;
  animation-delay: -146.9s;
  transform-origin: 15vw -6vh;
  box-shadow: -30vmin 0 5.3908643245vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(8) {
  color: #28336a;
  top: 64%;
  left: 22%;
  animation-duration: 154.1s;
  animation-delay: -180.4s;
  transform-origin: 9vw 11vh;
  box-shadow: 30vmin 0 5.1075171199vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(9) {
  color: #1f2854;
  top: 16%;
  left: 15%;
  animation-duration: 122.6s;
  animation-delay: -80.8s;
  transform-origin: 4vw 17vh;
  box-shadow: 30vmin 0 6.6421438648vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(10) {
  color: #1f2854;
  top: 90%;
  left: 48%;
  animation-duration: 188.6s;
  animation-delay: -104s;
  transform-origin: 25vw 24vh;
  box-shadow: -30vmin 0 5.3358348068vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(11) {
  color: #28336a;
  top: 29%;
  left: 69%;
  animation-duration: 15.9s;
  animation-delay: -114.1s;
  transform-origin: -18vw -10vh;
  box-shadow: 30vmin 0 4.2726959095vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(12) {
  color: #36448f;
  top: 84%;
  left: 82%;
  animation-duration: 39.7s;
  animation-delay: -43.1s;
  transform-origin: 1vw -20vh;
  box-shadow: -30vmin 0 10.4062570296vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(13) {
  color: #36448f;
  top: 89%;
  left: 15%;
  animation-duration: 49.1s;
  animation-delay: -34.5s;
  transform-origin: -11vw -17vh;
  box-shadow: 30vmin 0 5.63221707vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(14) {
  color: #1f2854;
  top: 56%;
  left: 26%;
  animation-duration: 135.7s;
  animation-delay: -20s;
  transform-origin: 21vw -16vh;
  box-shadow: 30vmin 0 9.6515277298vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(15) {
  color: #1f2854;
  top: 60%;
  left: 38%;
  animation-duration: 109.8s;
  animation-delay: -150s;
  transform-origin: 21vw -21vh;
  box-shadow: -30vmin 0 8.942677322vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(16) {
  color: #1f2854;
  top: 24%;
  left: 93%;
  animation-duration: 78.2s;
  animation-delay: -28.7s;
  transform-origin: -20vw -1vh;
  box-shadow: 30vmin 0 5.0398790174vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(17) {
  color: #1f2854;
  top: 27%;
  left: 32%;
  animation-duration: 109.9s;
  animation-delay: -59.2s;
  transform-origin: -17vw 22vh;
  box-shadow: 30vmin 0 4.2475880822vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(18) {
  color: #1f2854;
  top: 83%;
  left: 11%;
  animation-duration: 18.8s;
  animation-delay: -48.7s;
  transform-origin: 1vw 0vh;
  box-shadow: -30vmin 0 9.4572233319vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(19) {
  color: #1f2854;
  top: 32%;
  left: 98%;
  animation-duration: 81.8s;
  animation-delay: -175.3s;
  transform-origin: -14vw 11vh;
  box-shadow: 30vmin 0 9.7206163055vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(20) {
  color: #36448f;
  top: 7%;
  left: 85%;
  animation-duration: 57.9s;
  animation-delay: -167.3s;
  transform-origin: -6vw 16vh;
  box-shadow: 30vmin 0 9.4020762945vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(21) {
  color: #28336a;
  top: 11%;
  left: 37%;
  animation-duration: 75.9s;
  animation-delay: -50.9s;
  transform-origin: 17vw -22vh;
  box-shadow: -30vmin 0 8.3845963511vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(22) {
  color: #28336a;
  top: 26%;
  left: 62%;
  animation-duration: 21.8s;
  animation-delay: -13.9s;
  transform-origin: 5vw 17vh;
  box-shadow: 30vmin 0 6.1588038451vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(23) {
  color: #36448f;
  top: 82%;
  left: 25%;
  animation-duration: 46.1s;
  animation-delay: -25.3s;
  transform-origin: -21vw -10vh;
  box-shadow: 30vmin 0 3.938117945vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(24) {
  color: #28336a;
  top: 22%;
  left: 30%;
  animation-duration: 127.8s;
  animation-delay: -173.8s;
  transform-origin: 11vw -16vh;
  box-shadow: -30vmin 0 7.2246434567vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(25) {
  color: #28336a;
  top: 74%;
  left: 44%;
  animation-duration: 142.4s;
  animation-delay: -111.9s;
  transform-origin: -10vw -12vh;
  box-shadow: -30vmin 0 6.8707905201vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(26) {
  color: #28336a;
  top: 92%;
  left: 94%;
  animation-duration: 153.8s;
  animation-delay: -100.4s;
  transform-origin: 11vw -6vh;
  box-shadow: 30vmin 0 9.5066447669vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(27) {
  color: #1f2854;
  top: 40%;
  left: 77%;
  animation-duration: 63s;
  animation-delay: -157.9s;
  transform-origin: -4vw -21vh;
  box-shadow: -30vmin 0 5.1623835765vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(28) {
  color: #28336a;
  top: 5%;
  left: 52%;
  animation-duration: 132.3s;
  animation-delay: -53.4s;
  transform-origin: -4vw -2vh;
  box-shadow: -30vmin 0 4.3748796419vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(29) {
  color: #36448f;
  top: 62%;
  left: 82%;
  animation-duration: 40.3s;
  animation-delay: -135.3s;
  transform-origin: -8vw 19vh;
  box-shadow: -30vmin 0 6.2142829746vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(30) {
  color: #28336a;
  top: 70%;
  left: 74%;
  animation-duration: 30.5s;
  animation-delay: -35.8s;
  transform-origin: -5vw 11vh;
  box-shadow: 30vmin 0 3.951304101vmin currentColor;
}

@keyframes move {
  100% {
    transform: translate3d(0, 0, 1px) rotate(360deg);
  }
}