.wc-fill-bg-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 50%;
  bottom: 0;
  background: #09225F;
  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: #051335;
  top: 68%;
  left: 2%;
  animation-duration: 65.5s;
  animation-delay: -48.4s;
  transform-origin: -23vw -16vh;
  box-shadow: 30vmin 0 10.5537136642vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(2) {
  color: #081d51;
  top: 60%;
  left: 75%;
  animation-duration: 165.2s;
  animation-delay: -147s;
  transform-origin: -5vw 25vh;
  box-shadow: -30vmin 0 6.7121816104vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(3) {
  color: #051335;
  top: 70%;
  left: 93%;
  animation-duration: 110.3s;
  animation-delay: -12.9s;
  transform-origin: -9vw -21vh;
  box-shadow: -30vmin 0 5.5120598654vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(4) {
  color: #0c2e80;
  top: 34%;
  left: 35%;
  animation-duration: 176.8s;
  animation-delay: -119.2s;
  transform-origin: -18vw 14vh;
  box-shadow: -30vmin 0 7.0658100837vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(5) {
  color: #0c2e80;
  top: 84%;
  left: 78%;
  animation-duration: 13.4s;
  animation-delay: -12.5s;
  transform-origin: -12vw 7vh;
  box-shadow: -30vmin 0 7.2169309082vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(6) {
  color: #081d51;
  top: 34%;
  left: 89%;
  animation-duration: 93.3s;
  animation-delay: -76.5s;
  transform-origin: 19vw 16vh;
  box-shadow: 30vmin 0 7.4140992246vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(7) {
  color: #0c2e80;
  top: 71%;
  left: 50%;
  animation-duration: 67.6s;
  animation-delay: -177.8s;
  transform-origin: 6vw -22vh;
  box-shadow: -30vmin 0 4.1054584443vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(8) {
  color: #0c2e80;
  top: 34%;
  left: 24%;
  animation-duration: 141s;
  animation-delay: -34.2s;
  transform-origin: -5vw -23vh;
  box-shadow: -30vmin 0 6.7866334143vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(9) {
  color: #0c2e80;
  top: 65%;
  left: 77%;
  animation-duration: 106.6s;
  animation-delay: -80s;
  transform-origin: -3vw 15vh;
  box-shadow: -30vmin 0 5.1511864777vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(10) {
  color: #051335;
  top: 97%;
  left: 95%;
  animation-duration: 127.4s;
  animation-delay: -87.4s;
  transform-origin: 25vw -4vh;
  box-shadow: -30vmin 0 5.8635821747vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(11) {
  color: #081d51;
  top: 38%;
  left: 55%;
  animation-duration: 67.8s;
  animation-delay: -109.3s;
  transform-origin: 2vw 2vh;
  box-shadow: 30vmin 0 6.5573479976vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(12) {
  color: #051335;
  top: 70%;
  left: 39%;
  animation-duration: 184.4s;
  animation-delay: -116.7s;
  transform-origin: 8vw 14vh;
  box-shadow: 30vmin 0 10.3142418397vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(13) {
  color: #081d51;
  top: 36%;
  left: 31%;
  animation-duration: 113s;
  animation-delay: -18.1s;
  transform-origin: -7vw -14vh;
  box-shadow: -30vmin 0 8.6287457849vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(14) {
  color: #0c2e80;
  top: 3%;
  left: 62%;
  animation-duration: 138.1s;
  animation-delay: -151.7s;
  transform-origin: -1vw -1vh;
  box-shadow: 30vmin 0 6.9755200085vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(15) {
  color: #081d51;
  top: 76%;
  left: 96%;
  animation-duration: 105.7s;
  animation-delay: -157s;
  transform-origin: -1vw 9vh;
  box-shadow: 30vmin 0 9.4856569237vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(16) {
  color: #081d51;
  top: 68%;
  left: 88%;
  animation-duration: 63.2s;
  animation-delay: -47.2s;
  transform-origin: -10vw 3vh;
  box-shadow: 30vmin 0 8.524290335vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(17) {
  color: #0c2e80;
  top: 7%;
  left: 7%;
  animation-duration: 124.8s;
  animation-delay: -14.7s;
  transform-origin: 11vw -18vh;
  box-shadow: -30vmin 0 5.820063931vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(18) {
  color: #0c2e80;
  top: 39%;
  left: 100%;
  animation-duration: 79.3s;
  animation-delay: -153.1s;
  transform-origin: 6vw 21vh;
  box-shadow: 30vmin 0 8.2947547734vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(19) {
  color: #0c2e80;
  top: 74%;
  left: 39%;
  animation-duration: 165.5s;
  animation-delay: -80.5s;
  transform-origin: 8vw -7vh;
  box-shadow: 30vmin 0 7.0874292012vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(20) {
  color: #0c2e80;
  top: 22%;
  left: 93%;
  animation-duration: 56s;
  animation-delay: -132.5s;
  transform-origin: -13vw -9vh;
  box-shadow: 30vmin 0 6.0882206472vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(21) {
  color: #051335;
  top: 72%;
  left: 78%;
  animation-duration: 118.6s;
  animation-delay: -50.5s;
  transform-origin: 19vw 8vh;
  box-shadow: 30vmin 0 9.1426896492vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(22) {
  color: #0c2e80;
  top: 13%;
  left: 76%;
  animation-duration: 145.9s;
  animation-delay: -19s;
  transform-origin: 23vw 16vh;
  box-shadow: -30vmin 0 8.1661156941vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(23) {
  color: #0c2e80;
  top: 48%;
  left: 22%;
  animation-duration: 20.4s;
  animation-delay: -41.6s;
  transform-origin: 5vw -3vh;
  box-shadow: -30vmin 0 7.9627819176vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(24) {
  color: #081d51;
  top: 88%;
  left: 26%;
  animation-duration: 141.6s;
  animation-delay: -137.6s;
  transform-origin: 12vw 21vh;
  box-shadow: -30vmin 0 7.9421548394vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(25) {
  color: #051335;
  top: 23%;
  left: 27%;
  animation-duration: 110.2s;
  animation-delay: -181.9s;
  transform-origin: 5vw 4vh;
  box-shadow: 30vmin 0 5.5467871865vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(26) {
  color: #0c2e80;
  top: 25%;
  left: 71%;
  animation-duration: 168.9s;
  animation-delay: -136.1s;
  transform-origin: 5vw -6vh;
  box-shadow: -30vmin 0 8.1366322942vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(27) {
  color: #0c2e80;
  top: 46%;
  left: 21%;
  animation-duration: 170s;
  animation-delay: -121.8s;
  transform-origin: 19vw -6vh;
  box-shadow: 30vmin 0 9.7548123717vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(28) {
  color: #0c2e80;
  top: 84%;
  left: 91%;
  animation-duration: 65.5s;
  animation-delay: -180.1s;
  transform-origin: -17vw 0vh;
  box-shadow: 30vmin 0 7.8865532759vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(29) {
  color: #081d51;
  top: 74%;
  left: 43%;
  animation-duration: 72.6s;
  animation-delay: -65.6s;
  transform-origin: 23vw 2vh;
  box-shadow: 30vmin 0 4.1507591321vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(30) {
  color: #0c2e80;
  top: 89%;
  left: 2%;
  animation-duration: 75.8s;
  animation-delay: -4.1s;
  transform-origin: 24vw -11vh;
  box-shadow: 30vmin 0 5.1133074887vmin currentColor;
}

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