/* ---------------------------------------- 
Taylor
---------------------------------------- */

/* 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: url(../images/pattern.jpg);
}

div {border: dotted blue 1px; }

.th {
	background: url(../images/pattern.jpg);
	background-size: contain;


}

.path {
	background: url(../images/pattern.jpg);
}

.path:hover {
	background: url(../images/dottedline.jpg);
}

.path div {
	background: url(../images/footstep.jpg);
	border-radius: 50%;
	width: 50%;
	height: 50%;
	transform: rotate(45deg);
	margin-top: 25%;
	margin-bottom: 25%;
	background-position: center;
	background-size: contain;
	
}
.path div:hover {
	transform: rotate(90deg);
}

.corners {
	background-color: green;
	border-style: ridge;
	border-width: 30px;
	border-top-color: white;
	border-right-color: transparent;
	border-bottom-color: blue;
	border-left-color: red;
}

.corners:hover {
	transform: rotate(30deg);
}