.wc-fill-bg-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 50%;
  bottom: 0;
  background: #CC0000;
  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: #f00000;
  top: 83%;
  left: 39%;
  animation-duration: 123.9s;
  animation-delay: -44.4s;
  transform-origin: -13vw 1vh;
  box-shadow: 30vmin 0 8.5002531616vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(2) {
  color: #bd0000;
  top: 97%;
  left: 54%;
  animation-duration: 153.8s;
  animation-delay: -33.6s;
  transform-origin: -12vw 11vh;
  box-shadow: 30vmin 0 5.0508319073vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(3) {
  color: #f00000;
  top: 82%;
  left: 62%;
  animation-duration: 37.5s;
  animation-delay: -50.7s;
  transform-origin: 14vw 6vh;
  box-shadow: -30vmin 0 10.3038646492vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(4) {
  color: #f00000;
  top: 66%;
  left: 49%;
  animation-duration: 12.7s;
  animation-delay: -146.4s;
  transform-origin: 8vw -11vh;
  box-shadow: -30vmin 0 8.5166254384vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(5) {
  color: #f00000;
  top: 98%;
  left: 53%;
  animation-duration: 125.7s;
  animation-delay: -87.4s;
  transform-origin: 25vw 11vh;
  box-shadow: 30vmin 0 10.3748449776vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(6) {
  color: #9e0000;
  top: 75%;
  left: 12%;
  animation-duration: 177.2s;
  animation-delay: -87.5s;
  transform-origin: 16vw 13vh;
  box-shadow: 30vmin 0 6.5083071347vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(7) {
  color: #f00000;
  top: 91%;
  left: 93%;
  animation-duration: 157.6s;
  animation-delay: -21.1s;
  transform-origin: -21vw 11vh;
  box-shadow: -30vmin 0 9.6282911704vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(8) {
  color: #f00000;
  top: 34%;
  left: 77%;
  animation-duration: 136.5s;
  animation-delay: -65.8s;
  transform-origin: -13vw -5vh;
  box-shadow: 30vmin 0 8.4950691215vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(9) {
  color: #bd0000;
  top: 32%;
  left: 82%;
  animation-duration: 36.7s;
  animation-delay: -140.9s;
  transform-origin: -18vw -22vh;
  box-shadow: 30vmin 0 5.5983952279vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(10) {
  color: #9e0000;
  top: 20%;
  left: 57%;
  animation-duration: 100.1s;
  animation-delay: -18.8s;
  transform-origin: 2vw 18vh;
  box-shadow: 30vmin 0 4.5810362487vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(11) {
  color: #9e0000;
  top: 12%;
  left: 81%;
  animation-duration: 49.2s;
  animation-delay: -77.1s;
  transform-origin: -12vw 19vh;
  box-shadow: 30vmin 0 8.956663173vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(12) {
  color: #bd0000;
  top: 9%;
  left: 53%;
  animation-duration: 70.6s;
  animation-delay: -157.2s;
  transform-origin: -10vw -4vh;
  box-shadow: 30vmin 0 5.6846580377vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(13) {
  color: #bd0000;
  top: 11%;
  left: 27%;
  animation-duration: 150.4s;
  animation-delay: -156.9s;
  transform-origin: 11vw -3vh;
  box-shadow: 30vmin 0 8.5222519902vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(14) {
  color: #bd0000;
  top: 55%;
  left: 49%;
  animation-duration: 118.8s;
  animation-delay: -50.6s;
  transform-origin: 2vw -1vh;
  box-shadow: 30vmin 0 11.0814678929vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(15) {
  color: #bd0000;
  top: 57%;
  left: 95%;
  animation-duration: 140.9s;
  animation-delay: -138.9s;
  transform-origin: -10vw 23vh;
  box-shadow: 30vmin 0 5.2417199858vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(16) {
  color: #9e0000;
  top: 79%;
  left: 76%;
  animation-duration: 65.2s;
  animation-delay: -24.8s;
  transform-origin: 20vw 3vh;
  box-shadow: -30vmin 0 6.7134636978vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(17) {
  color: #9e0000;
  top: 53%;
  left: 38%;
  animation-duration: 173.2s;
  animation-delay: -10.1s;
  transform-origin: -7vw -23vh;
  box-shadow: -30vmin 0 5.7388285421vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(18) {
  color: #bd0000;
  top: 89%;
  left: 46%;
  animation-duration: 156.7s;
  animation-delay: -99.2s;
  transform-origin: -20vw 8vh;
  box-shadow: 30vmin 0 11.2177958884vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(19) {
  color: #9e0000;
  top: 95%;
  left: 87%;
  animation-duration: 163.1s;
  animation-delay: -19.5s;
  transform-origin: 14vw 25vh;
  box-shadow: 30vmin 0 6.2246153651vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(20) {
  color: #9e0000;
  top: 57%;
  left: 46%;
  animation-duration: 52.7s;
  animation-delay: -141.8s;
  transform-origin: -9vw -1vh;
  box-shadow: 30vmin 0 9.694399193vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(21) {
  color: #9e0000;
  top: 100%;
  left: 94%;
  animation-duration: 70.7s;
  animation-delay: -47.5s;
  transform-origin: 1vw -13vh;
  box-shadow: -30vmin 0 4.155555998vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(22) {
  color: #f00000;
  top: 72%;
  left: 23%;
  animation-duration: 31.6s;
  animation-delay: -122.7s;
  transform-origin: 5vw 21vh;
  box-shadow: 30vmin 0 8.1140487528vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(23) {
  color: #f00000;
  top: 74%;
  left: 9%;
  animation-duration: 83.4s;
  animation-delay: -31.1s;
  transform-origin: -13vw -12vh;
  box-shadow: 30vmin 0 8.1826122929vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(24) {
  color: #9e0000;
  top: 72%;
  left: 78%;
  animation-duration: 126.2s;
  animation-delay: -144.4s;
  transform-origin: 19vw -9vh;
  box-shadow: 30vmin 0 4.8698971127vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(25) {
  color: #9e0000;
  top: 75%;
  left: 91%;
  animation-duration: 122.9s;
  animation-delay: -1s;
  transform-origin: -15vw -22vh;
  box-shadow: 30vmin 0 4.255157586vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(26) {
  color: #9e0000;
  top: 98%;
  left: 83%;
  animation-duration: 104.8s;
  animation-delay: -109.3s;
  transform-origin: 5vw 8vh;
  box-shadow: -30vmin 0 10.1837815915vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(27) {
  color: #9e0000;
  top: 72%;
  left: 58%;
  animation-duration: 118s;
  animation-delay: -68s;
  transform-origin: -13vw 21vh;
  box-shadow: -30vmin 0 5.9900196817vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(28) {
  color: #9e0000;
  top: 62%;
  left: 25%;
  animation-duration: 94.6s;
  animation-delay: -155.6s;
  transform-origin: 8vw 25vh;
  box-shadow: 30vmin 0 3.8401162744vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(29) {
  color: #9e0000;
  top: 58%;
  left: 88%;
  animation-duration: 63.6s;
  animation-delay: -15.7s;
  transform-origin: 7vw -24vh;
  box-shadow: 30vmin 0 4.7249970484vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(30) {
  color: #f00000;
  top: 51%;
  left: 52%;
  animation-duration: 92s;
  animation-delay: -10.9s;
  transform-origin: -11vw 12vh;
  box-shadow: 30vmin 0 7.921565432vmin currentColor;
}

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