.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: 93%;
  left: 44%;
  animation-duration: 181.8s;
  animation-delay: -33.8s;
  transform-origin: -23vw -19vh;
  box-shadow: -30vmin 0 9.3484905296vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(2) {
  color: #1e426e;
  top: 60%;
  left: 19%;
  animation-duration: 110.5s;
  animation-delay: -81.9s;
  transform-origin: -17vw -8vh;
  box-shadow: 30vmin 0 9.3209586643vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(3) {
  color: #295a96;
  top: 46%;
  left: 83%;
  animation-duration: 71s;
  animation-delay: -68.2s;
  transform-origin: -10vw -12vh;
  box-shadow: 30vmin 0 8.1888240138vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(4) {
  color: #295a96;
  top: 69%;
  left: 39%;
  animation-duration: 79.8s;
  animation-delay: -46.7s;
  transform-origin: -21vw -20vh;
  box-shadow: 30vmin 0 9.391840499vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(5) {
  color: #173356;
  top: 15%;
  left: 24%;
  animation-duration: 28.3s;
  animation-delay: -175.9s;
  transform-origin: -1vw -16vh;
  box-shadow: -30vmin 0 5.9007526349vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(6) {
  color: #1e426e;
  top: 69%;
  left: 54%;
  animation-duration: 123.7s;
  animation-delay: -51.4s;
  transform-origin: -15vw -2vh;
  box-shadow: 30vmin 0 8.5122754263vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(7) {
  color: #173356;
  top: 36%;
  left: 50%;
  animation-duration: 112.2s;
  animation-delay: -26.6s;
  transform-origin: 24vw -3vh;
  box-shadow: 30vmin 0 10.2526145707vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(8) {
  color: #173356;
  top: 38%;
  left: 42%;
  animation-duration: 61.6s;
  animation-delay: -44.2s;
  transform-origin: -11vw -16vh;
  box-shadow: 30vmin 0 6.1477162647vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(9) {
  color: #295a96;
  top: 67%;
  left: 5%;
  animation-duration: 146.4s;
  animation-delay: -153.6s;
  transform-origin: -11vw 10vh;
  box-shadow: -30vmin 0 6.4216131025vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(10) {
  color: #1e426e;
  top: 27%;
  left: 28%;
  animation-duration: 175.6s;
  animation-delay: -145.9s;
  transform-origin: -9vw 24vh;
  box-shadow: -30vmin 0 4.2534351175vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(11) {
  color: #1e426e;
  top: 68%;
  left: 75%;
  animation-duration: 152.7s;
  animation-delay: -93.7s;
  transform-origin: -13vw -19vh;
  box-shadow: -30vmin 0 7.7597689622vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(12) {
  color: #173356;
  top: 46%;
  left: 35%;
  animation-duration: 140.8s;
  animation-delay: -36s;
  transform-origin: 19vw 17vh;
  box-shadow: 30vmin 0 7.2035823742vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(13) {
  color: #1e426e;
  top: 86%;
  left: 92%;
  animation-duration: 20.5s;
  animation-delay: -38.3s;
  transform-origin: 18vw 10vh;
  box-shadow: 30vmin 0 4.7206711418vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(14) {
  color: #295a96;
  top: 60%;
  left: 55%;
  animation-duration: 111.3s;
  animation-delay: -121.1s;
  transform-origin: -24vw 3vh;
  box-shadow: 30vmin 0 5.3421912121vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(15) {
  color: #295a96;
  top: 33%;
  left: 49%;
  animation-duration: 81.9s;
  animation-delay: -143.8s;
  transform-origin: 12vw 15vh;
  box-shadow: 30vmin 0 7.9860868111vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(16) {
  color: #295a96;
  top: 71%;
  left: 87%;
  animation-duration: 179s;
  animation-delay: -150.3s;
  transform-origin: 24vw 17vh;
  box-shadow: 30vmin 0 4.2379405289vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(17) {
  color: #1e426e;
  top: 47%;
  left: 8%;
  animation-duration: 92.1s;
  animation-delay: -129.6s;
  transform-origin: -7vw -17vh;
  box-shadow: 30vmin 0 8.2952203439vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(18) {
  color: #295a96;
  top: 59%;
  left: 22%;
  animation-duration: 120.2s;
  animation-delay: -178.4s;
  transform-origin: 17vw -24vh;
  box-shadow: 30vmin 0 9.0515304137vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(19) {
  color: #1e426e;
  top: 52%;
  left: 8%;
  animation-duration: 20.3s;
  animation-delay: -71.7s;
  transform-origin: 13vw -20vh;
  box-shadow: 30vmin 0 7.9821085004vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(20) {
  color: #295a96;
  top: 13%;
  left: 7%;
  animation-duration: 94s;
  animation-delay: -170.6s;
  transform-origin: 15vw -24vh;
  box-shadow: -30vmin 0 8.5828349792vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(21) {
  color: #1e426e;
  top: 84%;
  left: 100%;
  animation-duration: 39.2s;
  animation-delay: -133.7s;
  transform-origin: 4vw -22vh;
  box-shadow: 30vmin 0 9.1908646963vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(22) {
  color: #1e426e;
  top: 39%;
  left: 74%;
  animation-duration: 81s;
  animation-delay: -141s;
  transform-origin: 21vw -9vh;
  box-shadow: 30vmin 0 8.7968730046vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(23) {
  color: #173356;
  top: 68%;
  left: 11%;
  animation-duration: 139.3s;
  animation-delay: -91.2s;
  transform-origin: 19vw -16vh;
  box-shadow: -30vmin 0 4.6349804873vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(24) {
  color: #173356;
  top: 57%;
  left: 97%;
  animation-duration: 157.2s;
  animation-delay: -140.2s;
  transform-origin: 9vw 3vh;
  box-shadow: 30vmin 0 4.8576307422vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(25) {
  color: #173356;
  top: 73%;
  left: 51%;
  animation-duration: 47.2s;
  animation-delay: -24.8s;
  transform-origin: -5vw -18vh;
  box-shadow: 30vmin 0 10.818291035vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(26) {
  color: #1e426e;
  top: 6%;
  left: 50%;
  animation-duration: 172s;
  animation-delay: -121.9s;
  transform-origin: -18vw -22vh;
  box-shadow: 30vmin 0 9.6441238214vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(27) {
  color: #1e426e;
  top: 2%;
  left: 18%;
  animation-duration: 109.2s;
  animation-delay: -20s;
  transform-origin: -18vw 11vh;
  box-shadow: -30vmin 0 9.1004027046vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(28) {
  color: #1e426e;
  top: 79%;
  left: 66%;
  animation-duration: 40.6s;
  animation-delay: -180.9s;
  transform-origin: -15vw 5vh;
  box-shadow: 30vmin 0 4.6183935407vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(29) {
  color: #173356;
  top: 52%;
  left: 26%;
  animation-duration: 50.1s;
  animation-delay: -117.5s;
  transform-origin: 2vw -12vh;
  box-shadow: -30vmin 0 8.9170816918vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(30) {
  color: #295a96;
  top: 59%;
  left: 50%;
  animation-duration: 23.7s;
  animation-delay: -153.1s;
  transform-origin: 7vw 19vh;
  box-shadow: -30vmin 0 7.6025792831vmin currentColor;
}

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