.wc-fill-bg-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 50%;
  bottom: 0;
  background: #21497A;
  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: #1e426e;
  top: 32%;
  left: 11%;
  animation-duration: 51.7s;
  animation-delay: -180.7s;
  transform-origin: 4vw -21vh;
  box-shadow: -30vmin 0 11.1127590953vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(2) {
  color: #295a96;
  top: 65%;
  left: 13%;
  animation-duration: 39.3s;
  animation-delay: -99.3s;
  transform-origin: 22vw 18vh;
  box-shadow: 30vmin 0 6.557912904vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(3) {
  color: #173356;
  top: 54%;
  left: 73%;
  animation-duration: 29.2s;
  animation-delay: -158.2s;
  transform-origin: -11vw -24vh;
  box-shadow: 30vmin 0 7.7099756392vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(4) {
  color: #1e426e;
  top: 71%;
  left: 57%;
  animation-duration: 181.2s;
  animation-delay: -8.4s;
  transform-origin: 24vw 17vh;
  box-shadow: -30vmin 0 6.8263160953vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(5) {
  color: #173356;
  top: 52%;
  left: 88%;
  animation-duration: 182.2s;
  animation-delay: -65.3s;
  transform-origin: -15vw -8vh;
  box-shadow: 30vmin 0 4.1083604854vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(6) {
  color: #295a96;
  top: 84%;
  left: 66%;
  animation-duration: 64.7s;
  animation-delay: -177.8s;
  transform-origin: -8vw 25vh;
  box-shadow: -30vmin 0 8.2467995923vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(7) {
  color: #173356;
  top: 67%;
  left: 67%;
  animation-duration: 67.8s;
  animation-delay: -23s;
  transform-origin: -23vw 13vh;
  box-shadow: -30vmin 0 9.2180997161vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(8) {
  color: #295a96;
  top: 98%;
  left: 43%;
  animation-duration: 142.8s;
  animation-delay: -169.7s;
  transform-origin: 0vw -7vh;
  box-shadow: 30vmin 0 7.2521445429vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(9) {
  color: #295a96;
  top: 52%;
  left: 88%;
  animation-duration: 49.1s;
  animation-delay: -7.5s;
  transform-origin: 25vw 19vh;
  box-shadow: -30vmin 0 8.9746951317vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(10) {
  color: #1e426e;
  top: 92%;
  left: 1%;
  animation-duration: 149.2s;
  animation-delay: -157.9s;
  transform-origin: 7vw -1vh;
  box-shadow: 30vmin 0 5.7020720138vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(11) {
  color: #173356;
  top: 95%;
  left: 10%;
  animation-duration: 181.2s;
  animation-delay: -36.4s;
  transform-origin: 15vw 11vh;
  box-shadow: -30vmin 0 4.4801530784vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(12) {
  color: #1e426e;
  top: 21%;
  left: 18%;
  animation-duration: 103.6s;
  animation-delay: -177.5s;
  transform-origin: -7vw -24vh;
  box-shadow: -30vmin 0 10.7835939452vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(13) {
  color: #1e426e;
  top: 32%;
  left: 71%;
  animation-duration: 110.9s;
  animation-delay: -178s;
  transform-origin: 11vw 15vh;
  box-shadow: 30vmin 0 7.2605619382vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(14) {
  color: #173356;
  top: 29%;
  left: 78%;
  animation-duration: 38.9s;
  animation-delay: -22.3s;
  transform-origin: 9vw -22vh;
  box-shadow: -30vmin 0 6.0601257458vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(15) {
  color: #1e426e;
  top: 38%;
  left: 9%;
  animation-duration: 158s;
  animation-delay: -139.6s;
  transform-origin: -6vw -13vh;
  box-shadow: -30vmin 0 6.7535414444vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(16) {
  color: #1e426e;
  top: 17%;
  left: 45%;
  animation-duration: 109.1s;
  animation-delay: -188.1s;
  transform-origin: -17vw -12vh;
  box-shadow: -30vmin 0 10.7622470229vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(17) {
  color: #173356;
  top: 63%;
  left: 16%;
  animation-duration: 24.5s;
  animation-delay: -23.3s;
  transform-origin: -3vw -7vh;
  box-shadow: -30vmin 0 7.8116939189vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(18) {
  color: #173356;
  top: 75%;
  left: 21%;
  animation-duration: 143.8s;
  animation-delay: -152.5s;
  transform-origin: -23vw 22vh;
  box-shadow: 30vmin 0 9.7806645812vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(19) {
  color: #295a96;
  top: 37%;
  left: 21%;
  animation-duration: 155.7s;
  animation-delay: -80.8s;
  transform-origin: -3vw -22vh;
  box-shadow: -30vmin 0 10.8312200818vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(20) {
  color: #173356;
  top: 51%;
  left: 65%;
  animation-duration: 102s;
  animation-delay: -72.6s;
  transform-origin: -13vw 6vh;
  box-shadow: -30vmin 0 8.7221271204vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(21) {
  color: #173356;
  top: 93%;
  left: 7%;
  animation-duration: 156.2s;
  animation-delay: -41.7s;
  transform-origin: 7vw 25vh;
  box-shadow: 30vmin 0 10.1940559082vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(22) {
  color: #173356;
  top: 4%;
  left: 97%;
  animation-duration: 166.1s;
  animation-delay: -138.4s;
  transform-origin: 15vw -18vh;
  box-shadow: -30vmin 0 8.3342246306vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(23) {
  color: #173356;
  top: 90%;
  left: 81%;
  animation-duration: 56.1s;
  animation-delay: -26.1s;
  transform-origin: -21vw 25vh;
  box-shadow: -30vmin 0 6.9254176403vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(24) {
  color: #295a96;
  top: 69%;
  left: 22%;
  animation-duration: 186.6s;
  animation-delay: -172.9s;
  transform-origin: 21vw -5vh;
  box-shadow: -30vmin 0 8.5027618814vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(25) {
  color: #1e426e;
  top: 40%;
  left: 6%;
  animation-duration: 48.1s;
  animation-delay: -88.6s;
  transform-origin: 7vw -11vh;
  box-shadow: 30vmin 0 6.9130580527vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(26) {
  color: #295a96;
  top: 69%;
  left: 65%;
  animation-duration: 42s;
  animation-delay: -125.7s;
  transform-origin: 11vw 18vh;
  box-shadow: 30vmin 0 8.2965346889vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(27) {
  color: #295a96;
  top: 61%;
  left: 3%;
  animation-duration: 119.5s;
  animation-delay: -69s;
  transform-origin: 4vw 5vh;
  box-shadow: 30vmin 0 5.1666187192vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(28) {
  color: #1e426e;
  top: 50%;
  left: 1%;
  animation-duration: 86.9s;
  animation-delay: -65.8s;
  transform-origin: -15vw 22vh;
  box-shadow: -30vmin 0 5.8100819192vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(29) {
  color: #1e426e;
  top: 43%;
  left: 39%;
  animation-duration: 168.9s;
  animation-delay: -82.6s;
  transform-origin: 17vw 7vh;
  box-shadow: 30vmin 0 7.3857720608vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(30) {
  color: #295a96;
  top: 28%;
  left: 3%;
  animation-duration: 143.7s;
  animation-delay: -14.4s;
  transform-origin: 12vw 14vh;
  box-shadow: -30vmin 0 5.6981358287vmin currentColor;
}

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