@charset "UTF-8";
/* CSS Document */


body {
    		background-color: rgba(255,219,251,.5);
}

header {
			width:96%;
            margin: 2%;
			clear: both;
            text-align: left;
			font-family: 'Quicksand', sans-serif;
			color: white;
			font-size: 50px;
		}

#container { 
			width: 96%;
			margin: auto;
}

.clear { 
			clear: both;
}

figure {
			float: left;
			margin: 15px;
			width: 150px;
			height: 150px;
			overflow: hidden;
			border-radius: 142.5px;
			transition: all 1s ease;
			-webkit-transition: all 1s ease;
			-moz-transition: all 1s ease; 
			-o-transition: all 1s ease;
	
	
}

figure:hover {
	width: 285px;
	height: 285px;
	 transform: rotate(360deg);
	-webkit-transform: rotate(360deg); 
   	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
}
/*footer */

#footer a {
			text-decoration: none;
			color: red;
}

#footer a:hover {
			color: gray;
	}

#footer {
            clear: both;
            text-align: center;
			font-family: 'Quicksand', sans-serif;
			font-size: 15px;
		
}