*{
	padding: 0;
	margin: 0;
}

body{
	background-color: lemonchiffon;
}

h1{
	color: greenyellow;
	font-size: 55pt;
	font-family: monospace;
	text-align: center;
}

h2{
	color: beige;
	font-size: 25pt;
	font-family: monospace;
	text-align: center;
	background-color: darkcyan;
}

h3{
	color: gray;
	font-size: 40pt;
	font-family: monospace;


}

section{
	display: inline-block;
	margin-top: 5vw;
	margin-right: 3vw;
	margin-left: 4vw;
	transition: transform 1s;
	background-color: white;
}

	section:hover{
		background-color: lightgreen;
		box-shadow: 10px 10px 10px darkgray;
		cursor: pointer;
	}


	#goback{
		margin-left: 42.5%;
		margin-top: 4vh;
		max-height: 15vh;
		margin-left: 42vw;
		max-width: auto;
		animation: hide 10s;
	}

	@keyframes hide{
		0%		{opacity: 0;}
		90%		{opacity: 0;}
		100%	{opacity: 1;}
	}
		}

section#rotations1{
	
}
	section#rotations1:hover{
		transform: rotateZ(30deg);
	}

	section#rotations2:hover{
		transform: rotateZ(60deg);
	}

	section#rotations3:hover{
		transform: rotateZ(90deg);
	}

	section#rotations4:hover{
		transform: rotateZ(270deg);
	}
section#scales{

}

	section#scales1:hover{
		transform: scale(2.0);
}
	section#scales2:hover{
		transform: scale(0.5);
}

	section#scales3:hover{
		transform: scale(1.5);
}

	section#scales4:hover{
		transform: scale(3);
}

section#skews{

}
	section#skews1:hover{
		transform: skew(45deg);
	}

	section#skews2:hover{
		transform: skew(-60deg,20deg);
	}

	section#skews3:hover{
		transform: skew(60deg,20deg);
	}

	section#skews4:hover{
		transform: skew(-10deg,-10deg);
	}

section#translations{

}

	section#translations1:hover{
		transform: translateX(50px);
}
	section#translations2:hover{
		transform: translateY(-100px);
}

	section#translations3:hover{
		transform: translateX(-50px);
}

	section#translations4:hover{
		transform: translateY(50px);
}