body {
	background: url(../images/chd5.jpg);
}





div {border: dotted black 2px;}
.co {
	background: ;
}


/*.corners1 {
	border-style:ridge;
	border-width :20px;
	border-top-color:maroon;
	border-right-color :yellow;
	border-bottom-color:transparent;
	border-left-color:transparent;

}

.corners {
	border-style:ridge;
	border-width :20px;
	border-top-color:transparent;
	border-right-color :transparent;
	border-bottom-color:rgb(100,0,250);
	border-left-color:green;
*/



.yes5 {
	background: url(../images/fortune-01.jpg);
}

.corners1 {
	background-color: pink;
	transition:background-color 1s;
}
.corners1:hover { 
	background: black;
	cursor: pointer;
}

/*active means click*/

.corners1:active {
	background: url(../images/alaska-01.jpg);
}



.corners2 {
	background-color: green;
	transition:background-color 1s;
}

.corners2:hover { 
	background: black;
	cursor: pointer;
}
/*background size cover */
/*shadow 20px 20px 5px*/
/*google css filters for hover effect*/
/*transform: rorate(360dg)*/
/*backgrpund-image: url()
background-repeat: no-repeat;
background-position: center;
background-size: contain; or pix or % 
content: "ASDFGHJKL"; THATS TEXT
*/
.corners2:active {
	background: url(../images/lotto-01-01.jpg);
}


.corners3 {
	background-color: blue;
	transition:background-color 1s;
}

.corners3:hover { 
	background: black;
	cursor: pointer;
}

.corners3:active {
	background: url(../images/newcard-01-01.jpg);
}


.corners4 {
	background-color: purple;
	transition:background-color 1s;
}
.corners4:hover { 
	background: black;
	cursor: pointer;
}

/*active means click*/

.corners4:active {
	background: url(../images/call-01.jpg);
}



.corners5 {
	background-color: yellow;
	transition:background-color 1s;
}

.corners5:hover { 
	background: black;
	cursor: pointer;
}

.corners5:active {
	background: url(../images/pants-01.jpg);
}


.corners6 {
	background-color: orange;
	transition:background-color 1s;
}

.corners6:hover { 
	background: black;
	cursor: pointer;
}

.corners6:active {
	background: url(../images/chocolate-01-01.jpg);
}











.example1 {
	background: url(../images/el.jpg);
	transition:background-color 1s;
}

.example1:hover { 
	background-color: red;
	cursor: pointer;
}

/*active means click*/

.example1:active {
	background: url(../images/PO.jpg);
}

.example2 {
	background: url(../images/kn-01.jpg);
	transition:background-color 1s;
}

.example2:hover { 
	background-color: red;
	cursor: pointer;
}

/*active means click*/

.example2:active {
	background: url(../images/blue.jpg);
}


.example3 {
	background: url(../images/butt.jpg);
	transition:background-color 1s;
}

.example3:hover { 
background-color: red;
	cursor: pointer;
}

/*active means click*/

.example3:active {
	background: url(../images/P.jpg);
}

.example4 {
	background: url(../images/no.jpg);
	transition:background-color 1s;
}

.example4:hover { 
	background-color: red;
	cursor: pointer;
}

/*active means click*/

.example4:active {
	background: url(../images/YG.jpg);
}



















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




}