body{
	 background-image: linear-gradient(#97ABFF, #123597);
	font-size: 20px;
}

#all{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	

}
.container{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin:50px;


}

.oval{

  	height: 150px;
 	width: 300px;
 	background-color: #eeeeee;
 	border-radius: 50%;
 	box-shadow: 0px 15px 15px 5px rgb(105,105,105,0.7);

 	 
	
 	  
}

.oval2{
	height: 150px;
 	width: 150px;
 	background-color: #efb1ff;
 	border-radius: 50%;
 	margin-left: -220px;

 	 -webkit-transition: -webkit-transform 1s ease-in-out;
	  -ms-transition: -ms-transform 1s ease-in-out;
	  transition: transform 1s ease-in-out;
	}



.oval2:hover {
    transform:rotate(1000deg);
    -ms-transform:rotate(1000deg);
    -webkit-transform:rotate(1000deg);
    width:150px;
  height:150px;
  border-radius:80%;
  background-image: linear-gradient( to right,  #43CBFF, #9708CC);
    opacity: 1;

}

  
 	
/*-webkit-transition: -webkit-transform 1s ease-in-out;
       -ms-transition: -ms-transform 1s ease-in-out;
    transition: transform 1s ease-in-out;  

}


.oval2:hover {
    transform:rotate(90deg);
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    width:60px;
	 height:60px;