body,html{
  margin:0;
  background-color:#000;
}
.father{
   position:absolute;
   width:100%;
   height:100%;
   background-color:#000;
   margin:-50px 0px;
	-webkit-filter: contrast(100);
}
.big{
   position:absolute;
   top:50%;
   left:50%;
	 width:200px;
   height:200px;
   margin:-100px;
   background-color:#ccc;
   border-radius:50%;
   -webkit-filter: blur(40px);
   
}
.small{
	position:absolute;
   top:50%;
   left:50%;
	width:150px;
   height:150px;
   margin:140px -75px;
   background-color:#ccc;
   border-radius:50%;
   -webkit-filter: blur(40px);
   -webkit-animation-name:'change1';
   -webkit-animation-duration:5s;
   -webkit-animation-iteration-count: infinite;
}
.center{
   position:absolute;
	 width:100px;
   height:200px;
   background-color:#ccc;
   -webkit-filter: blur(40px);
   top:50%;
   left:50%;
   margin:-30px -50px;
   -webkit-animation-name:'change2';
   -webkit-animation-duration:5s;
   -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes change1{
  0%{
    margin:-75px -75px;
  }
  50%{
  	margin:100px -75px;
  }
  100%{
  	margin:-75px -75px;
  }
}
@-webkit-keyframes change2{
  0%{
    height:0px;
  }
  50%{
  	height:200px;
  }
  100%{
  	height:0px;
  }
}