body{
	display:block;
	text-align:center;
	font:15px verdana, sans-serif;
	color:white;
	margin:30px;
}
#principal{
	text-align:center;
	width:300px auto;
	margin:30px;
	padding:10px;
}



#div1{
	background-color:black;
	margin-bottom:15px;
	text-align:center;
	width:100px;
	margin:30px;
	height:100px;
	padding:5px;
	border:1px solid #00FF00;
		border-radius:5px;
	
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	
	-webkit-box-shadow:rgba(000,000,000,0.8) 5px 5px 10px;
	-moz-box-shadow:rgba(000,000,000,0.8) 10px 10px 20px;
	-ms-box-shadow: rgba(000,000,000,0.8) 10px 10px 20px;
	box-shadow:rgba(000,000,000,0.8) 10px 10px 20px;

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

}

#div1:hover{
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	border-radius:5px;
}


#div2{
	background-color:black;
	width:100px;
	height:100px;
	margin:30px;
	padding:5px;
	border-radius:5px;
	
	-webkit-transform: rotate(30deg);
	-moz-transform:  rotate(30deg);
	-ms-transform:  rotate(30deg);

	-webkit-box-shadow:rgba(000,000,000,0.8) 5px 5px 10px;
	-moz-box-shadow:rgba(000,000,000,0.8) 10px 10px 20px;
	-ms-box-shadow: rgba(000,000,000,0.8) 10px 10px 20px;
	box-shadow:rgba(000,000,000,0.8) 10px 10px 20px;

	border:1px solid #00FF00;
	
	-webkit-transition: -webkit-transform 1s ease-in-out 0.3s;
	-moz-transition: -moz-transform 1s ease-in-out 0.3s;
	-ms-transition: -ms-transform 1s ease-in-out 0.3s;

}

#div2:hover{
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	border-radius:5px;
	
	
}


#div3{
	background-color:black;
	margin-bottom:15px;
	width:100px;
	height:100px;
	margin:30px;
	padding:5px;
	border-radius:5px;
	
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform:  rotate(30deg);
	
	-webkit-box-shadow:rgba(000,000,000,0.8) 5px 5px 10px;
	-moz-box-shadow:rgba(000,000,000,0.8) 10px 10px 20px;
	-ms-box-shadow: rgba(000,000,000,0.8) 10px 10px 20px;
	box-shadow:rgba(000,000,000,0.8) 10px 10px 20px;

	border:1px solid #00FF00;
	
	-webkit-transition: -webkit-transform 1s ease-in-out 0.3s;
	-moz-transition: -moz-transform 1s ease-in-out 0.3s;
	-ms-transition: -ms-transform 1s ease-in-out 0.3s;

}

#div3:hover{
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	border-radius:5px;
}


#div4{
	background-color:black;
	width:100px;
	margin-bottom:15px;
	height:100px;
	margin:30px;
	padding:5px;
	border-radius:5px;
	
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform:  rotate(30deg);

	-webkit-box-shadow:rgba(000,000,000,0.8) 5px 5px 10px;
	-moz-box-shadow:rgba(000,000,000,0.8) 10px 10px 20px;
	-ms-box-shadow: rgba(000,000,000,0.8) 10px 10px 20px;
	box-shadow:rgba(000,000,000,0.8) 10px 10px 20px;

	border:1px solid #00FF00;
	
	-webkit-transition: -webkit-transform 1s ease-in-out 0.3s;
	-moz-transition: -moz-transform 1s ease-in-out 0.3s;
	-ms-transition: -ms-transform 1s ease-in-out 0.3s;

}

#div4:hover{
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	border-radius:5px;
}


#div5{
	background-color:black;
	width:100px;
	margin:30px;
	margin-bottom:15px;
	height:100px;
	padding:5px;
	border-radius:5px;
	
	-webkit-transform: rotate(30deg);
	-moz-transform:  rotate(30deg);
	-ms-transform: rotate(30deg);
	
	-webkit-box-shadow:rgba(000,000,000,0.8) 5px 5px 10px;
	-moz-box-shadow:rgba(000,000,000,0.8) 10px 10px 20px;
	-ms-box-shadow: rgba(000,000,000,0.8) 10px 10px 20px;
	box-shadow:rgba(000,000,000,0.8) 10px 10px 20px;

	border:1px solid #00FF00;
	
	-webkit-transition: -webkit-transform 1s ease-in-out 0.3s;
	-moz-transition: -moz-transform 1s ease-in-out 0.3s;
	-ms-transition: -ms-transform 1s ease-in-out 0.3s;

}

#div5:hover{
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	border-radius:5px;
}


#div6{
	background-color:black;
	width:100px;
	margin-bottom:15px;
	height:100px;
	margin:30px;
	padding:5px;
	border-radius:5px;
	
	-webkit-transform:  rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform:  rotate(30deg);
	
	-webkit-box-shadow:rgba(000,000,000,0.8) 5px 5px 10px;
	-moz-box-shadow:rgba(000,000,000,0.8) 10px 10px 20px;
	-ms-box-shadow: rgba(000,000,000,0.8) 10px 10px 20px;
	box-shadow:rgba(000,000,000,0.8) 10px 10px 20px;

	border:1px solid #00FF00;
	
	-webkit-transition: -webkit-transform 1s ease-in-out 0.3s;
	-moz-transition: -moz-transform 1s ease-in-out 0.3s;
	-ms-transition: -ms-transform 1s ease-in-out 0.3s;

}

#div6:hover{
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	border-radius:5px;
}