/* ---------------------------------------- 
Dahee
---------------------------------------- */

/* 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: #ffffff;
}

div {
	border-width: 300%;
	border-color: white;
	border-style: outset;
}

.example {
	background-color: #1df6b2;
	transition-duration: .3s;
}

.magenta {
	background-color: #e3f338;
	transition-duration: .3s;
}

.yellow {
	background-color: #9cfa1d;
	transition-duration: .3s;
}

/*.example div {
	;
	margin-top: 0%
	background-size:cover;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
*/

.example:hover {
	background-color: #e60f53;
	cursor: pointer;
	transform: rotate(0deg);
}

.magenta:hover {
	background-color: #1409c5;
}

.yellow:hover {
	background-color: #6305e2;
}