@keyframes blink {
  0% {
    box-shadow: #df91df 100px 100px 50px;
  }
  10% {
    box-shadow: #bfbfbf 100px 100px 50px;
  }
  20% {
    box-shadow: #df91df 100px 100px 50px;
  }
  100% {
    box-shadow: #df91df 100px 100px 50px;
  }
}
body {
  background-color: #bfbfbf;
}

.stare_here {
  position: absolute;
  top: 40%;
  left: 45%;
  display: block;
  margin-left: 34px;
  margin-top: 30px;
  font-family: Helvetica, Arial, Sans-Serif;
}

.circles div {
  position: absolute;
  top: 40%;
  left: 45%;
  width: 68px;
  height: 68px;
  border-radius: 68px;
  box-shadow: #df91df 100px 100px 50px;
  animation: blink 2.4s steps(10) infinite;
}

.circles div:nth-child(1) {
  animation-delay: 0.2s;
  transform: rotateZ(33deg) translateX(80px);
}

.circles div:nth-child(2) {
  animation-delay: 0.4s;
  transform: rotateZ(63deg) translateX(80px);
}

.circles div:nth-child(3) {
  animation-delay: 0.6s;
  transform: rotateZ(93deg) translateX(80px);
}

.circles div:nth-child(4) {
  animation-delay: 0.8s;
  transform: rotateZ(123deg) translateX(80px);
}

.circles div:nth-child(5) {
  animation-delay: 1s;
  transform: rotateZ(153deg) translateX(80px);
}

.circles div:nth-child(6) {
  animation-delay: 1.2s;
  transform: rotateZ(183deg) translateX(80px);
}

.circles div:nth-child(7) {
  animation-delay: 1.4s;
  transform: rotateZ(213deg) translateX(80px);
}

.circles div:nth-child(8) {
  animation-delay: 1.6s;
  transform: rotateZ(243deg) translateX(80px);
}

.circles div:nth-child(9) {
  animation-delay: 1.8s;
  transform: rotateZ(273deg) translateX(80px);
}

.circles div:nth-child(10) {
  animation-delay: 2s;
  transform: rotateZ(303deg) translateX(80px);
}

.circles div:nth-child(11) {
  animation-delay: 2.2s;
  transform: rotateZ(333deg) translateX(80px);
}

.circles div:nth-child(12) {
  animation-delay: 2.4s;
  transform: rotateZ(363deg) translateX(80px);
}
