@media only screen and (max-width: 575.98px) {
  .main-img {
    width: 80vw;
  }
}

@media only screen and (max-width: 575.98px) {
  .main-heading {
    font-size: 7vw;
    margin: 6vw;
  }
}

@media only screen and (min-width: 576px) {
  .main-img {
    width: 70vw;
  }
}

@media only screen and (min-width: 768px) {
  .main-img {
    width: 60vh;
  }
}

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

.background {
}

.background span {
  width: 1vmin;
  height: 1vmin;
  border-radius: 1vmin;
  backface-visibility: hidden;
  position: absolute;
  animation: move;
  animation-duration: 1;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.background span:nth-child(0) {
  color: #de668b;
  top: 82%;
  left: 41%;
  animation-duration: 358s;
  animation-delay: -478s;
  box-shadow: 2vmin 0 0.7282338997013872vmin currentColor;
}

.background span:nth-child(1) {
  color: #E45A84;
  top: 12%;
  left: 15%;
  animation-duration: 106s;
  animation-delay: -265s;
  box-shadow: 2vmin 0 0.28812927632810115vmin currentColor;
}

.background span:nth-child(2) {
  color: #FFACAC;
  top: 1%;
  left: 60%;
  animation-duration: 385s;
  animation-delay: -165s;
  box-shadow: -2vmin 0 0.46755554934945487vmin currentColor;
}

.background span:nth-child(3) {
  color: #FFACAC;
  top: 44%;
  left: 75%;
  animation-duration: 456s;
  animation-delay: -109s;
  box-shadow: 2vmin 0 0.7381609909820996vmin currentColor;
}

.background span:nth-child(4) {
  color: #FFACAC;
  top: 36%;
  left: 95%;
  animation-duration: 62s;
  animation-delay: -445s;
  box-shadow: 2vmin 0 0.9800552468108826vmin currentColor;
}

.background span:nth-child(5) {
  color: #de668b;
  top: 40%;
  left: 86%;
  animation-duration: 436s;
  animation-delay: -200s;
  transform-origin: -11vw -10vh;
  box-shadow: 2vmin 0 0.29113829305278105vmin currentColor;
}

.background span:nth-child(6) {
  color: #de668b;
  top: 55%;
  left: 98%;
  animation-duration: 371s;
  animation-delay: -442s;
  box-shadow: -2vmin 0 0.7950264726995393vmin currentColor;
}

.background span:nth-child(7) {
  color: #FFACAC;
  top: 17%;
  left: 7%;
  animation-duration: 413s;
  animation-delay: -386s;
  transform-origin: -19vw -11vh;
  box-shadow: 2vmin 0 0.4358993104160951vmin currentColor;
}

.background span:nth-child(8) {
  color: #E45A84;
  top: 67%;
  left: 27%;
  animation-duration: 450s;
  animation-delay: -166s;
  transform-origin: -5vw 6vh;
  box-shadow: 2vmin 0 0.8173524632355809vmin currentColor;
}

.background span:nth-child(9) {
  color: #E45A84;
  top: 76%;
  left: 40%;
  animation-duration: 15s;
  animation-delay: -426s;
  transform-origin: -20vw -13vh;
  box-shadow: -2vmin 0 0.9017527742442479vmin currentColor;
}

.background span:nth-child(10) {
  color: #de668b;
  top: 100%;
  left: 28%;
  animation-duration: 140s;
  animation-delay: -21s;
  transform-origin: -9vw -8vh;
  box-shadow: 2vmin 0 0.8000533086846069vmin currentColor;
}

.background span:nth-child(11) {
  color: #FFACAC;
  top: 94%;
  left: 3%;
  animation-duration: 226s;
  animation-delay: -383s;
  transform-origin: 16vw 10vh;
  box-shadow: 2vmin 0 0.7725869290399096vmin currentColor;
}

.background span:nth-child(12) {
  color: #de668b;
  top: 15%;
  left: 31%;
  animation-duration: 32s;
  animation-delay: -22s;
  transform-origin: -22vw -5vh;
  box-shadow: -2vmin 0 1.20234603879379vmin currentColor;
}

.background span:nth-child(13) {
  color: #FFACAC;
  top: 19%;
  left: 38%;
  animation-duration: 115s;
  animation-delay: -123s;
  transform-origin: -6vw 3vh;
  box-shadow: -2vmin 0 0.610182348843583vmin currentColor;
}

.background span:nth-child(14) {
  color: #E45A84;
  top: 22%;
  left: 90%;
  animation-duration: 320s;
  animation-delay: -260s;
  transform-origin: 0vw 23vh;
  box-shadow: 2vmin 0 0.6734306679692185vmin currentColor;
}

.background span:nth-child(15) {
  color: #de668b;
  top: 57%;
  left: 71%;
  animation-duration: 425s;
  animation-delay: -235s;
  transform-origin: -7vw 1vh;
  box-shadow: -2vmin 0 0.9550821110118334vmin currentColor;
}

.background span:nth-child(16) {
  color: #FFACAC;
  top: 13%;
  left: 3%;
  animation-duration: 116s;
  animation-delay: -245s;
  transform-origin: 23vw 10vh;
  box-shadow: -2vmin 0 0.3694525205714968vmin currentColor;
}

.background span:nth-child(17) {
  color: #de668b;
  top: 16%;
  left: 72%;
  animation-duration: 277s;
  animation-delay: -25s;
  transform-origin: -14vw 22vh;
  box-shadow: 2vmin 0 0.8705400548837438vmin currentColor;
}

.background span:nth-child(18) {
  color: #FFACAC;
  top: 23%;
  left: 48%;
  animation-duration: 249s;
  animation-delay: -127s;
  transform-origin: -18vw -1vh;
  box-shadow: 2vmin 0 0.3240424748466638vmin currentColor;
}

.background span:nth-child(19) {
  color: #E45A84;
  top: 80%;
  left: 51%;
  animation-duration: 441s;
  animation-delay: -302s;
  transform-origin: -10vw -13vh;
  box-shadow: 2vmin 0 0.6283108078973418vmin currentColor;
}

.background span:nth-child(20) {
  color: #FFACAC;
  top: 2%;
  left: 21%;
  animation-duration: 250s;
  animation-delay: -292s;
  transform-origin: -7vw 18vh;
  box-shadow: -2vmin 0 1.1834414524091514vmin currentColor;
}

.background span:nth-child(21) {
  color: #FFACAC;
  top: 62%;
  left: 78%;
  animation-duration: 143s;
  animation-delay: -266s;
  transform-origin: -9vw -11vh;
  box-shadow: -2vmin 0 0.36694420349735857vmin currentColor;
}

.background span:nth-child(22) {
  color: #FFACAC;
  top: 55%;
  left: 85%;
  animation-duration: 55s;
  animation-delay: -239s;
  transform-origin: -7vw 4vh;
  box-shadow: -2vmin 0 0.2711308925737309vmin currentColor;
}

.background span:nth-child(23) {
  color: #FFACAC;
  top: 65%;
  left: 1%;
  animation-duration: 219s;
  animation-delay: -288s;
  transform-origin: -10vw -2vh;
  box-shadow: -2vmin 0 0.9697646514693667vmin currentColor;
}

.background span:nth-child(24) {
  color: #E45A84;
  top: 53%;
  left: 83%;
  animation-duration: 214s;
  animation-delay: -15s;
  box-shadow: 2vmin 0 0.47049868182582943vmin currentColor;
}

.background span:nth-child(25) {
  color: #de668b;
  top: 12%;
  left: 40%;
  animation-duration: 166s;
  animation-delay: -74s;
  transform-origin: -15vw -23vh;
  box-shadow: 2vmin 0 0.4779055203455491vmin currentColor;
}

.background span:nth-child(26) {
  color: #de668b;
  top: 8%;
  left: 79%;
  animation-duration: 464s;
  animation-delay: -272s;
  transform-origin: 2vw 7vh;
  box-shadow: 2vmin 0 0.9504673039950992vmin currentColor;
}

.background span:nth-child(27) {
  color: #E45A84;
  top: 100%;
  left: 74%;
  animation-duration: 172s;
  animation-delay: -53s;
  box-shadow: -2vmin 0 0.8305475415433403vmin currentColor;
}

.background span:nth-child(28) {
  color: #FFACAC;
  top: 99%;
  left: 5%;
  animation-duration: 172s;
  animation-delay: -42s;
  transform-origin: 24vw 7vh;
  box-shadow: 2vmin 0 0.2654960578328479vmin currentColor;
}

.background span:nth-child(29) {
  color: #de668b;
  top: 19%;
  left: 47%;
  animation-duration: 20s;
  animation-delay: -432s;
  transform-origin: 0vw -5vh;
  box-shadow: -2vmin 0 1.2328460091540183vmin currentColor;
}