body{
  background-color:#71B1DC;
}


.circle1 {
  border-radius: 50%;
  width: 75px;
  height: 75px;
  background-color: #D3B1DE;
  position: absolute;
animation: blinker 1.5s linear infinite;
top:20%;
left:34.5%
}
@keyframes blinker {
  60% {
    opacity: 0;
  }
}

.circle2{
  border-radius: 50%;
  width: 75px;
  height: 75px;
  background-color: #D3B1DE;
  position: absolute;
  top:25%;
  left:36.5%;
animation: blinker 1.5s linear infinite;
}
@keyframes blinker {
  60% {
    opacity: 0;
  }
}

.circle3{
  border-radius: 50%;
  width: 75px;
  height: 75px;
  background-color: #D3B1DE;
  position: absolute;
  top:30%;
  left:38.5%;
animation: blinker 1.5s linear infinite;
}
@keyframes blinker {
  60% {
    opacity: 0;
  }
}

.circle4{
  border-radius: 50%;
  width: 75px;
  height: 75px;
  background-color: #D3B1DE;
  position: absolute;
  top:35%;
  left:40.5%;
animation: blinker 1.5s linear infinite;
}
@keyframes blinker {
  60% {
    opacity: 0;
  }
}

.circle5{
  border-radius: 50%;
  width: 75px;
  height: 75px;
  background-color: #D3B1DE;
  position: absolute;
  top:40%;
  left:42.5%;
animation: blinker 1.5s linear infinite;
}
@keyframes blinker {
  60% {
    opacity: 0;
  }
}

.circle6{
  border-radius: 50%;
  width: 75px;
  height: 75px;
  background-color: #D3B1DE;
  position: absolute;
  top:45%;
  left:44.5%;
animation: blinker 1.5s linear infinite;
}
@keyframes blinker {
  60% {
    opacity: 0;
  }
}

.circle7{
  border-radius: 50%;
  width: 75px;
  height: 75px;
  background-color: #D3B1DE;
  position: absolute;
  top:51%;
  left:46%;
animation: blinker 1.5s linear infinite;
}
@keyframes blinker {
  60% {
    opacity: 0;
  }
}

.circle8{
  border-radius: 50%;
  width: 75px;
  height: 75px;
  background-color: #D3B1DE;
  position: absolute;
  top:57%;
  left:46%;
animation: blinker 1.5s linear infinite;
}
@keyframes blinker {
  60% {
    opacity: 0;
  }
}

.circle9{
  border-radius: 50%;
  width: 75px;
  height: 75px;
  background-color: #D3B1DE;
  position: absolute;
  top:63%;
  left:46%;
animation: blinker 1.5s linear infinite;
}
@keyframes blinker {
  60% {
    opacity: 0;
  }
}

.circle10{
  border-radius: 50%;
  width: 75px;
  height: 75px;
  background-color: #D3B1DE;
  position: absolute;
  top:69%;
  left:46%;
animation: blinker 1.5s linear infinite;
}
@keyframes blinker {
  60% {
    opacity: 0;
  }
}

.circle11{
  border-radius: 50%;
  width: 75px;
  height: 75px;
  background-color: #D3B1DE;
  position: absolute;
  top:75%;
  left:46%;
animation: blinker 1.5s linear infinite;
}
@keyframes blinker {
  60% {
    opacity: 0;
  }
}

.circle12{
  border-radius: 50%;
  width: 75px;
  height: 75px;
  background-color: #D3B1DE;
  position: absolute;
  top:45%;
  left:47.5%;
animation: blinker 1.5s linear infinite;
}
@keyframes blinker {
  60% {
    opacity: 0;
  }
}

.circle13{
  border-radius: 50%;
  width: 75px;
  height: 75px;
  background-color: #D3B1DE;
  position: absolute;
  top:40%;
  left:49.5%;
animation: blinker 1.5s linear infinite;
}
@keyframes blinker {
  60% {
    opacity: 0;
  }
}

.circle14{
  border-radius: 50%;
  width: 75px;
  height: 75px;
  background-color: #D3B1DE;
  position: absolute;
  top:35%;
  left:51.5%;
animation: blinker 1.5s linear infinite;
}
@keyframes blinker {
  60% {
    opacity: 0;
  }
}

.circle15{
  border-radius: 50%;
  width: 75px;
  height: 75px;
  background-color: #D3B1DE;
  position: absolute;
  top:30%;
  left:53.5%;
animation: blinker 1.5s linear infinite;
}
@keyframes blinker {
  60% {
    opacity: 0;
  }
}

.circle16{
  border-radius: 50%;
  width: 75px;
  height: 75px;
  background-color: #D3B1DE;
  position: absolute;
  top:25%;
  left:55.5%;
animation: blinker 1.5s linear infinite;
}
@keyframes blinker {
  60% {
    opacity: 0;
  }
}

.circle17 {
  border-radius: 50%;
  width: 75px;
  height: 75px;
  background-color: #D3B1DE;
  position: absolute;
animation: blinker 1.5s linear infinite;
top:20%;
left:57.5%
}
@keyframes blinker {
  60% {
    opacity: 0;
  }
}










.circle18 {
  border-radius: 50%;
  width: 120px;
  height: 120px;
  background-color: #ECD581;
  position: absolute;
animation: blinker 2.5s linear infinite;
top:20%;
left:33%
}
@keyframes blinker {
  70% {
    opacity: 0;
  }
}

.circle19{
  border-radius: 50%;
  width: 120px;
  height: 120px;
  background-color: #ECD581;
  position: absolute;
  top:25%;
  left:35%;
animation: blinker 2.5s linear infinite;
}
@keyframes blinker {
  60% {
    opacity: 0;
  }
}

.circle20{
  border-radius: 50%;
  width: 120px;
  height: 120px;
  background-color: #ECD581;
  position: absolute;
  top:30%;
  left:37%;
animation: blinker 2.5s linear infinite;
}
@keyframes blinker {
  60% {
    opacity: 0;
  }
}

.circle21{
  border-radius: 50%;
  width: 120px;
  height: 120px;
  background-color: #ECD581;
  position: absolute;
  top:35%;
  left:39%;
animation: blinker 2.5s linear infinite;
}
@keyframes blinker {
  60% {
    opacity: 0;
  }
}

.circle22{
  border-radius: 50%;
  width: 120px;
  height: 120px;
  background-color: #ECD581;
  position: absolute;
  top:40%;
  left:41%;
animation: blinker 2.5s linear infinite;
}
@keyframes blinker {
  60% {
    opacity: 0;
  }
}

.circle23{
  border-radius: 50%;
  width: 120px;
  height: 120px;
  background-color: #ECD581;
  position: absolute;
  top:45%;
  left:43%;
animation: blinker 2.5s linear infinite;
}
@keyframes blinker {
  60% {
    opacity: 0;
  }
}

.circle24{
  border-radius: 50%;
  width: 120px;
  height: 120px;
  background-color: #ECD581;
  position: absolute;
  top:51%;
  left:44.5%;
animation: blinker 2.5s linear infinite;
}
@keyframes blinker {
  60% {
    opacity: 0;
  }
}

.circle25{
  border-radius: 50%;
  width: 120px;
  height: 120px;
  background-color: #ECD581;
  position: absolute;
  top:57%;
  left:44.5%;
animation: blinker 2.5s linear infinite;
}
@keyframes blinker {
  60% {
    opacity: 0;
  }
}

.circle26{
  border-radius: 50%;
  width: 120px;
  height: 120px;
  background-color: #ECD581;
  position: absolute;
  top:63%;
  left:44.5%;
animation: blinker 2.5s linear infinite;
}
@keyframes blinker {
  60% {
    opacity: 0;
  }
}

.circle27{
  border-radius: 50%;
  width: 120px;
  height: 120px;
  background-color: #ECD581;
  position: absolute;
  top:69%;
  left:44.5%;
animation: blinker 2.5s linear infinite;
}
@keyframes blinker {
  60% {
    opacity: 0;
  }
}

.circle28{
  border-radius: 50%;
  width: 120px;
  height: 120px;
  background-color: #ECD581;
  position: absolute;
  top:75%;
  left:44.5%;
animation: blinker 2.5s linear infinite;
}
@keyframes blinker {
  60% {
    opacity: 0;
  }
}

.circle29{
  border-radius: 50%;
  width: 120px;
  height: 120px;
  background-color: #ECD581;
  position: absolute;
  top:45%;
  left:44.5%;
animation: blinker 2.5s linear infinite;
}
@keyframes blinker {
  60% {
    opacity: 0;
  }
}

.circle30{
  border-radius: 50%;
  width: 120px;
  height: 120px;
  background-color: #ECD581;
  position: absolute;
  top:40%;
  left:48%;
animation: blinker 2.5s linear infinite;
}
@keyframes blinker {
  60% {
    opacity: 0;
  }
}

.circle31{
  border-radius: 50%;
  width: 120px;
  height: 120px;
  background-color: #ECD581;
  position: absolute;
  top:35%;
  left:50%;
animation: blinker 2.5s linear infinite;
}
@keyframes blinker {
  60% {
    opacity: 0;
  }
}

.circle32{
  border-radius: 50%;
  width: 120px;
  height: 120px;
  background-color: #ECD581;
  position: absolute;
  top:30%;
  left:52%;
animation: blinker 2.5s linear infinite;
}
@keyframes blinker {
  60% {
    opacity: 0;
  }
}

.circle33{
  border-radius: 50%;
  width: 120px;
  height: 120px;
  background-color: #ECD581;
  position: absolute;
  top:25%;
  left:54%;
animation: blinker 2.5s linear infinite;
}
@keyframes blinker {
  60% {
    opacity: 0;
  }
}

.circle34 {
  border-radius: 50%;
  width: 120px;
  height: 120px;
  background-color: #ECD581;
  position: absolute;
animation: blinker 2.5s linear infinite;
top:20%;
left:56%
}
@keyframes blinker {
  60% {
    opacity: 0;
  }
}





.circle35 {
  border-radius: 50%;
  width: 90px;
  height: 90px;
  background-color: #9CD5FC;
  position: absolute;
animation: blinker 2.5s linear infinite;
}
@keyframes blinker {
  60% {
    opacity: 0;
  }
}

.circle36 {
  border-radius: 50%;
  width: 90px;
  height: 90px;
  background-color: #9CD5FC;
  position: absolute;
  left:93%;
animation: blinker 2.5s linear infinite;
}
@keyframes blinker {
  60% {
    opacity: 0;
  }
}

.circle37 {
  border-radius: 50%;
  width: 90px;
  height: 90px;
  background-color: #9CD5FC;
  position: absolute;
  top:88%;
  left:93%;
animation: blinker 2.5s linear infinite;
}
@keyframes blinker {
  60% {
    opacity: 0;
  }
}

.circle38 {
  border-radius: 50%;
  width: 90px;
  height: 90px;
  background-color: #9CD5FC;
  position: absolute;
animation: blinker 2.5s linear infinite;
top:88%;
}
@keyframes blinker {
  60% {
    opacity: 0;
  }
}