.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: #bd0000;
  top: 36%;
  left: 64%;
  animation-duration: 179.7s;
  animation-delay: -26.1s;
  transform-origin: 18vw 3vh;
  box-shadow: -30vmin 0 8.4403207354vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(2) {
  color: #f00000;
  top: 98%;
  left: 7%;
  animation-duration: 105.4s;
  animation-delay: -55s;
  transform-origin: -9vw -4vh;
  box-shadow: -30vmin 0 6.6256045924vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(3) {
  color: #f00000;
  top: 5%;
  left: 31%;
  animation-duration: 49.8s;
  animation-delay: -188.4s;
  transform-origin: -17vw -14vh;
  box-shadow: -30vmin 0 9.2765670948vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(4) {
  color: #bd0000;
  top: 10%;
  left: 13%;
  animation-duration: 54s;
  animation-delay: -67.2s;
  transform-origin: 16vw 9vh;
  box-shadow: 30vmin 0 6.3751022202vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(5) {
  color: #bd0000;
  top: 39%;
  left: 24%;
  animation-duration: 120s;
  animation-delay: -96.4s;
  transform-origin: 0vw 3vh;
  box-shadow: 30vmin 0 7.5763003096vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(6) {
  color: #bd0000;
  top: 82%;
  left: 59%;
  animation-duration: 85.5s;
  animation-delay: -78.6s;
  transform-origin: 20vw -16vh;
  box-shadow: -30vmin 0 9.9536428937vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(7) {
  color: #9e0000;
  top: 76%;
  left: 14%;
  animation-duration: 163.4s;
  animation-delay: -24.9s;
  transform-origin: 9vw 25vh;
  box-shadow: 30vmin 0 7.1455167063vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(8) {
  color: #f00000;
  top: 53%;
  left: 15%;
  animation-duration: 53.7s;
  animation-delay: -83.9s;
  transform-origin: -6vw 18vh;
  box-shadow: 30vmin 0 4.6170729299vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(9) {
  color: #bd0000;
  top: 88%;
  left: 45%;
  animation-duration: 155.2s;
  animation-delay: -125.9s;
  transform-origin: 16vw -11vh;
  box-shadow: 30vmin 0 5.6272564793vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(10) {
  color: #bd0000;
  top: 88%;
  left: 63%;
  animation-duration: 44.2s;
  animation-delay: -72.5s;
  transform-origin: 1vw 7vh;
  box-shadow: 30vmin 0 8.5251811826vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(11) {
  color: #9e0000;
  top: 74%;
  left: 78%;
  animation-duration: 70.5s;
  animation-delay: -13s;
  transform-origin: 7vw 19vh;
  box-shadow: 30vmin 0 5.6740935838vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(12) {
  color: #f00000;
  top: 86%;
  left: 49%;
  animation-duration: 34.9s;
  animation-delay: -128.8s;
  transform-origin: -13vw 19vh;
  box-shadow: -30vmin 0 9.9195787681vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(13) {
  color: #f00000;
  top: 73%;
  left: 75%;
  animation-duration: 106.8s;
  animation-delay: -171.2s;
  transform-origin: -10vw 5vh;
  box-shadow: -30vmin 0 9.0641385872vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(14) {
  color: #bd0000;
  top: 59%;
  left: 15%;
  animation-duration: 18.9s;
  animation-delay: -81.1s;
  transform-origin: 17vw 20vh;
  box-shadow: -30vmin 0 10.349750354vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(15) {
  color: #f00000;
  top: 30%;
  left: 39%;
  animation-duration: 179.7s;
  animation-delay: -38.5s;
  transform-origin: 4vw -17vh;
  box-shadow: -30vmin 0 4.3635165615vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(16) {
  color: #9e0000;
  top: 15%;
  left: 16%;
  animation-duration: 49.1s;
  animation-delay: -126s;
  transform-origin: 18vw 8vh;
  box-shadow: -30vmin 0 9.5407754514vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(17) {
  color: #9e0000;
  top: 7%;
  left: 72%;
  animation-duration: 103.3s;
  animation-delay: -182.4s;
  transform-origin: -23vw -7vh;
  box-shadow: 30vmin 0 8.0950764727vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(18) {
  color: #9e0000;
  top: 44%;
  left: 13%;
  animation-duration: 170.7s;
  animation-delay: -129.6s;
  transform-origin: 15vw -14vh;
  box-shadow: -30vmin 0 10.208418787vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(19) {
  color: #f00000;
  top: 54%;
  left: 1%;
  animation-duration: 103.3s;
  animation-delay: -58.8s;
  transform-origin: -15vw -17vh;
  box-shadow: -30vmin 0 6.9449297911vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(20) {
  color: #bd0000;
  top: 68%;
  left: 97%;
  animation-duration: 175.3s;
  animation-delay: -63.3s;
  transform-origin: 8vw -11vh;
  box-shadow: -30vmin 0 5.0226284105vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(21) {
  color: #bd0000;
  top: 15%;
  left: 58%;
  animation-duration: 48.9s;
  animation-delay: -132.7s;
  transform-origin: 25vw -20vh;
  box-shadow: -30vmin 0 7.6724002657vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(22) {
  color: #9e0000;
  top: 21%;
  left: 98%;
  animation-duration: 162.8s;
  animation-delay: -138.8s;
  transform-origin: -24vw 11vh;
  box-shadow: -30vmin 0 9.2024411168vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(23) {
  color: #f00000;
  top: 35%;
  left: 91%;
  animation-duration: 138s;
  animation-delay: -18.9s;
  transform-origin: -10vw 2vh;
  box-shadow: 30vmin 0 5.6105053239vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(24) {
  color: #bd0000;
  top: 48%;
  left: 71%;
  animation-duration: 26.8s;
  animation-delay: -52.8s;
  transform-origin: 17vw 22vh;
  box-shadow: 30vmin 0 11.009789234vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(25) {
  color: #9e0000;
  top: 96%;
  left: 77%;
  animation-duration: 53.2s;
  animation-delay: -40.3s;
  transform-origin: -10vw 8vh;
  box-shadow: 30vmin 0 7.9292637534vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(26) {
  color: #bd0000;
  top: 43%;
  left: 100%;
  animation-duration: 37.5s;
  animation-delay: -2.5s;
  transform-origin: -15vw -14vh;
  box-shadow: 30vmin 0 9.9909852187vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(27) {
  color: #bd0000;
  top: 56%;
  left: 25%;
  animation-duration: 71.2s;
  animation-delay: -99.1s;
  transform-origin: -10vw 12vh;
  box-shadow: 30vmin 0 8.0721119595vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(28) {
  color: #9e0000;
  top: 46%;
  left: 11%;
  animation-duration: 57.9s;
  animation-delay: -61.8s;
  transform-origin: -8vw 7vh;
  box-shadow: -30vmin 0 7.1580608198vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(29) {
  color: #9e0000;
  top: 23%;
  left: 38%;
  animation-duration: 49.4s;
  animation-delay: -178.1s;
  transform-origin: 0vw -7vh;
  box-shadow: -30vmin 0 5.1080730975vmin currentColor;
}
.wc-fill-bg-container > span:nth-child(30) {
  color: #9e0000;
  top: 62%;
  left: 22%;
  animation-duration: 144.6s;
  animation-delay: -146.7s;
  transform-origin: 15vw -11vh;
  box-shadow: -30vmin 0 9.2447342279vmin currentColor;
}

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