body {
	background-color:#efe5d0;
	background-image:url(https://test.inxy.xyz/photos/a12.jpeg);
}
#dh {
	border-style:groove;
}
#box {
	position:absolute;
	top:30%;
	left:40%;
	width:300px;
	height:300px;
	background-color:blue;
	transition:transform 6s;
	-webkit-transition:transform 6s;
	-moz-transition:transform 6s;
}
#box:hover {
	transition:background-color:yellow;
	transform:rotate(315deg);
	-webkit-transform:rotate(315deg);
	-moz-transform:rotate(315deg);
	-o-transform:rotate(315deg);
}
#lg {
	z-index:3;
	position:absolute;
	top:30%;
	left:4%;
	width:30px;
	height:30px;
	background-color:blue;
	transition:width 2s;
}
#lg:hover{
	width:300px;
}
#lg2 {
	z-index:3;
	position:absolute;
	top:30%;
	width:30px;
	height:30px;
	background-color:blue;
	transition:height 2s;
}
#lg2:hover{
	height:300px;
}