/* ---------------------------------------- 
Tony
---------------------------------------- */

/* 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: rgb(0,13,37);
}

div { border: dotted gray 0px; }

.tm{
	background: rgb(0,13,37);
	opacity: 1;
}

.corners{
	background: rgb(3,117,192);
	opacity: 1;
}

.corners:hover { 
	background-color: rgb(247,165,10);
	cursor: pointer;
	transition: background-color 7s;
}

.example {
	background-color: rgb(246,70,132);
}

.example:hover { 
	background-color: rgb(110,89,192);
	cursor: pointer;
	transition: background-color 3s;
}


.example div { 
	background-color: rgb(110,89,192)
	border-radius: 50%;
	width: 50%;
	height: 50%;
	margin-top: 25%;
	margin-left: 25%;
}