/* ---------------------------------------- 
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);
}

.corner {
	background: url(../images/ocean.jpg);
}