body{
	background-color: white;
}

h1{
	color: green;
	font-family: Helvetica;
	font-size: 6em;
}

h2{
	color: orange;
	font-size: 3.5em;
	font-family: Times New Roman;
}

section{
	display: initial-bloack;
	margin: 1.5em;
	line-height: 0;
	padding: 0.2em 1em;
	border: 0.2em dotted lightpink;
	color: lightblue;
	font-size: 1.5em;
	font-family: Helvetica;
	transition: transform 0.3s;
	float: left;

}

section:hover {
	box-shadow: 10px 10px 10px lightpink;
	cursor: pointer;
}

	#rotation--45deg:hover {
		transform: rotateZ(-45deg);
	}

	#rotation-90deg:hover {
		transform: rotateX(90deg);
	}

	#rotation-180deg:hover {
		transform: rotateZ(180deg);
	}

	#rotation-360deg:hover {
		transform: rotateZ(360deg);
	}

	#scales-00x:hover {
		transform: scale(0.1);
	}

	#scales-0x:hover {
		transform: scale(0.5);
	}

	#scales-2x:hover {
		transform: scale(2);
	}

	#scales-3x:hover {
		transform: scale(3);
	}

	#skews-5deg:hover {
		transform: skew(5deg,5deg);
	}

	#skews-15deg:hover {
		transform: skew(15deg,15deg);
	}

	#skews--50deg:hover {
		transform: skew(-50deg,-50deg);
	}

	#skews-45deg:hover {
		transform: skew(45deg,45deg);
	}

	#translations-10px:hover {
		transform: translate(10px);
	}

	#translations-50px:hover {
		transform: translate(50px);
	}

	#translations-100px:hover {
		transform: translate(100px);
	}

	#translations--500px:hover {
		transform: translate(-500px);
	}

h3{
	color: lightblue;
	font-size: 1.5em;
	font-family: Helvetica;
}