body {
	background-color: lemonchiffon;
}

.corners:hover
{
		background-color:darkmagenta;
        -webkit-transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        transform: rotateZ(-30deg);
}

.corners:hover
{
		background-color:darkmagenta;
        -webkit-transform: rotateZ(30deg);
        -ms-transform: rotateZ(30deg);
        transform: rotateZ(30deg);
}


.corners:hover{	
	background-color:darkmagenta;
	cursor: help;

}

.corners {

	border-style:ridge;
	border-width :50px;
	border-top-color:lightcyan;
	border-right-color :lightcyan;
	border-bottom-color:green;
	border-left-color:green;

}

.corners:hover{	
	background-color:darkmagenta;
	cursor: help;

}

.corners {
	border-style:ridge;
	border-width :50px;
	border-top-color:lightcyan;
	border-right-color :lightcyan;
	border-bottom-color:green;
	border-left-color:green;

}

.corners:active {
	 -webkit-transform: rotate(360deg);
          transform: rotate(345deg);
          transition:transform 1s ease;

}




.im {
	background-color: lemonchiffon;
	transition:background-color 1s;
}

.im:hover { 
	background: url(../images/discover.png);
	cursor: crosshair;
	background-size:contain;
	background-position:center;
}

/*active means click*/

.im:active {
	background: url(../images/discover3.gif);
	background-size:contain;
	background-position:center;
	

}




/*.example div { 
	background: url(../chair3.png);
	border-radius: 50%;
	width: 100%;
	height: 50%;
	/*transform: rotate(45deg);*/




}