body{
	background-color: lightblue;
}

li {
	background-color: white;
	font-family: "comic sans MS";
	border: 5px solid black;
	font-size: 3vw;
	display: inline-block;
	border-radius: 10%;
	padding: 20px;
	margin: 40px;
	border: 5px solid black;
	display: inline-block;
	border-radius: 10%;
	box-shadow: 5px 5px 5px black;
}

li#scale:hover{
	background-color: yellow;
	cursor: pointer;
	transform: scale(1.2);
}

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

li#skew:hover{
	transform: skewX(15deg)skewY(15deg);
	background-color: yellow;

}

li#translater:hover{
	transform: translateX(100px)translateY(100px);
	background-color: yellow;
}

li#initial:hover{
	transform: translateX(40px);
	background-color: yellow;
}

li#scale_02:hover{
	background-color: yellow;
	transform: scale(1.2);
}

li#perspective:hover{
	background-color: yellow;
	transform: scale(1.5);
}

li#rotateX:hover{
	background-color: blue;
	transform: rotate(100deg);
}

li#rotateY:hover{
	transform: rotateY(100deg);
	background-color: black;
}

li#rotateZ:hover{
	transform: rotateZ(100deg);
	background-color: yellow;
}

li#skewX:hover{
	transform: rotateZ(100deg);
	background-color: black;
}

li#skewY:hover{
	transform: rotateZ(100deg);
	background-color: blue;
}

li#translateX:hover{
	transform: translate(100px);
	background-color: blue;
}

li#translateX:hover{
	transform: translateY(100px);
	background-color: blue;
}

li#skewY:hover{
	transform: rotateY(20deg);
	background-color: blue;
}

li#ou:hover{
	transform: rotateY(80deg);
	background-color: blue;
}

li#oi:hover{
	background-color: yellow;
	cursor: pointer;
	transform: scale(120);
}

li#or:hover{
	background-color: pink;
	cursor: pointer;
	transform: scale(2);
}

li#or:hover{
	background-color: pink;
	cursor: pointer;
	transform: scale(80);
}


li#pi:hover{
	background-color: pink;
	cursor: pointer;
	transform: scale(20);
}


li#pa:hover{
	background-color: pink;
	cursor: pointer;
	transform: scale(50);
}


li#pe:hover{
	background-color: pink;
	cursor: pointer;
	transform: scale(40);
}


li#po:hover{
	background-color: pink;
	cursor: pointer;
	transform: scale(70);
}