/* 

Assignment 3
Demo

*/

body {
	font-size: 40px;
	border: dotted 70px;
	border-color: olive;
	background: repeating-linear-gradient(
  to right,
  #ADD8E6,
  #ADD8E6 10px,
  #E0FFFF 10px,
  #E0FFFF 20px
);


}

.olive-circle { 
	background-image: url(olive.jpg);
	background: white;
	border-radius: 400%;
	border-style: solid black;

}

.olive-circle:hover {
	background-color: olive;
	cursor: crosshair;
	transform: rotate(150deg);
	transition: ease-out;
	transition-duration: .5s;
	border-radius: 50%;
	opacity: 100%;

}

.olive-square {
	background: lightblue;
	border: inset 40px khaki;
}

.olive-lozenge {
	background: repeating-radial-gradient(
  circle,
  olive,
  olive 10px,
  #6B8E23 10px, 
  #6B8E23 20px
);
	border-top-left-radius: 40%;
	border-bottom-right-radius: 88%;
	box-shadow: black 44px 44px;
}
.olive-lozenge:hover { 
	background-image: url(../images/olives2.jpg);
	background-size: contain;
	transform: rotate(90deg);
	transition: ease-out;
	transition-duration: 1s;

 }