*{
	margin: 0;
	padding: 0;
}

body {
	background-color: orange;
}

li {
	font font-family: "helvetica";
	font-size: 3vw;
	padding: 20px;
	margin: 60px;
	background-color: green;
	border: 5px solid black;
	display: inline-block;
	border-radius: 10%;
	box-shadow: 5px 5px 5px white;
}
	
	li:hover {
		background-color: yellow;
		cursor: pointer;
	}

	li#scale:hover{
		transform: scale(1.2);
	}

	li#rotate:hover{
		transform: rotate(-45deg);
	}

	li#skew:hover {
		transform: skewX(25deg) skewY(25deg)
	}
	li#translate:hover{
		transform: translateX(100px)translateY(100px)
	}


	li#scale2:hover{
		transform: scale(1.4);
	}

	li#rotate2:hover{
		transform: rotate(65deg);
	}

	li#skew2:hover {
		transform: skewX(55deg) skewY(55deg)
	}
	li#translate2:hover{
		transform: translateX(80px)translateY(80px)
	}


	li#scale3:hover{
		transform: scale(1.6);
	}

	li#rotate3:hover{
		transform: rotate(75deg);
	}

	li#skew3:hover {
		transform: skewX(80deg) skewY(80deg)
	}
	li#translate3:hover{
		transform: translateX(-50px)translateY(-50px)
	}


	li#scale4:hover{
		transform: scale(1.8);
	}

	li#rotate4:hover{
		transform: rotate(-85deg);
	}

	li#skew4:hover {
		transform: skewX(5deg) skewY(5deg)
	}
	li#translate4:hover{
		transform: translateX(-20px)translateY(-20px)
	}