/* ---------------------------------------- 
max
---------------------------------------- */

/* NOTES:

1. DO NOT use width or height properties for any parent-level divs (these are divs you will be adding classes to).
2. Use % over px for sizing interior divs
3. Remember: if you do not give dimention and style to interior divs, we will not see them. By default, divs are invisible.

*/

/* so we can tell that our file is loading */
body {
	background-color: #EAD7D7;
}

/* delete later */
/*div { border: dotted green 1px; }*/

.mj {
	background: #EAD7D7;
}


.soup {
	border-style: ridge;
	border-width: 50px;
	border-top-color: rgb(247,202,201);
	border-right-color: rgb(247,202,201);
	border-bottom-color: rgb(247,202,201);
	border-left-color: rgb(247,202,201);
	background-color: rgb(146,168,209);
	
}

.soup:hover {
	background-color: #EAD7D7;
	cursor: pointer;
}


.wow {
	background-color: rgb(247,202,201);
	border-style: ridge;
	border-width: 50px;
	border-top-color: rgb(146,168,209);
	border-right-color: rgb(146,168,209);
	border-bottom-color: rgb(146,168,209);
	border-left-color: rgb(146,168,209);

}

.sick {
	background-color: #EAD7D7;

}

.sick:hover { 
	background-color: rgb(247,202,201);
	cursor: pointer;
}

.wow:hover { 
	background-color: rgb(247,202,201);
	cursor: pointer;
}



.rotate:hover
{
        -webkit-transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        transform: rotateZ(-30deg);
}

.circle:hover
{
        border-radius:50%;
}