body{
	background-color: #364f6b;
	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: 50px;
 	width: 100px;
 	background-color: #ffffff;
 	border-radius: 50%;

 	 
	
 	  
}

.oval2{
	height: 50px;
 	width: 50px;
 	background-color: #fc5185;
 	border-radius: 50%;
 	margin-left: -75px;
 	
-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;