body{
	background-color:rgb(255, 255, 255);
}


.container-1{
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	margin-top:-8px;
}



.circle-1{
	width:100px;
	height:100px;   
	background: rgb(126, 202, 255);
	background: -moz-linear-gradient(left, rgb(126, 202, 255) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgb(126, 202, 255)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(left, rgb(126, 202, 255)) 0%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(left, rgb(126, 202, 255) 0%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(left, rgb(126, 202, 255) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to right, rgb(126, 202, 255) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff47c5', endColorstr='#ffffff', GradientType=1 );
	border-radius: 50%;
    display:inline-block;
    margin-right: -50px;
    margin-top: -50px;
/*     animation-name: spin;
    animation-duration: 2s;
    animation-iteration-count: infinite; */
    animation:stretch 7s infinite cubic-bezier(1, 1, 1, 2);
}


.circle-2{
	width:100px;
	height:100px;   
	background: rgb(82, 152, 255);
	background: -moz-linear-gradient(top, rgb(82, 152, 255) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgb(82, 152, 255)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgb(82, 152, 255) 0%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgb(82, 152, 255) 0%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgb(82, 152, 255) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom,rgb(82, 152, 255) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff47c5', endColorstr='#ffffff', GradientType=0 );
	border-radius: 50%;
    display:inline-block;
    margin-right: -50px;
    margin-top: -50px;
    /*     animation-name: spin;
    animation-duration: 2s;
    animation-iteration-count: infinite; */
    animation:stretch 5s infinite cubic-bezier(1, 1, 1, 2);

    
}


.circle-3{
	width:100px;
	height:100px;
	background: rgb(126, 202, 255);
	background: -moz-linear-gradient(-45deg,rgb(126, 202, 255) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgb(126, 202, 255)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(-45deg, rgb(126, 202, 255) 0%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(-45deg, rgb(126, 202, 255) 0%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(-45deg, rgb(126, 202, 255) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(135deg, rgb(126, 202, 255) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff47c5', endColorstr='#ffffff', GradientType=1 );   
	border-radius: 50%;
    display:inline-block;
    margin-right: -50px;
    margin-top: -50px;
   /*     animation-name: spin;
    animation-duration: 2s;
    animation-iteration-count: infinite; */
    animation:stretch 7s infinite cubic-bezier(1, 1, 1, 2);

    
}


.circle-4{
	width:100px;
	height:100px;   
	border-radius: 50%;
	background: rgb(82, 152, 255);
	background: -moz-linear-gradient(45deg, rgb(82, 152, 255)  0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left bottom, right top, color-stop(0%, rgb(82, 152, 255)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(45deg, rgb(82, 152, 255)  0%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(45deg, rgb(82, 152, 255) 0%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(45deg, rgb(82, 152, 255) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(45deg, rgb(82, 152, 255) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff47c5', endColorstr='#ffffff', GradientType=1 );
    display:inline-block;
    margin-right: -50px;
    margin-top: -50px;
    /*     animation-name: spin;
    animation-duration: 2s;
    animation-iteration-count: infinite; */
    animation:stretch 5s infinite cubic-bezier(1, 1, 1, 2);

   
    
}

/* @keyframes spin { 
        0% { 
            transform: rotate(0deg); 
        } 
        50% { 
            transform: rotate(180deg); 
        }
        100%{
        	transform:rotate(360deg);
        }
}
 */

@keyframes stretch{
	0% {
    transform: scale(1.8);
    opacity:1;
      }
    50%{
    	transform:scale(1.3);
    	opacity:0.5;
       }
  100% {
    transform: scale(1.8);
    opacity:1;     
      }

   }