.maincircle{margin: -518px 0 0 300px;
    position: absolute;
    z-index: 1;}


.circle2{
   background-color: rgba(141, 173, 215, 0.5);
  height:700px;
  border-radius:50%;
  width: 700px;
  margin: auto;
   z-index:1;
  top: 20%; left: 20%;
  color:white;
  font-size:40px;
  transform: translate(-50%,-50%);
  -webkit-animation: pulse 4s linear infinite;
          animation: pulse 4s linear infinite;
}

.circle3{
   background-color: rgba(236, 242, 249, 0.3);
  height:500px;
  border-radius:50%;
  width: 500px;
  margin: auto;
   z-index:1;
  top: 30%; left: 20%;
  transform: translate(-50%,-50%);
  font-size:50px;
  -webkit-animation: pulse2 3s linear infinite;
          animation: pulse2 3s linear infinite;
}