/* 

Assignment 3
Demo

*/


h1 {
	color: olive;
	text-shadow: 4px 4px black;
	font-family: times ;
	text-align: center;
	font-size: 322%;

}

<div class="header">

header {
	color: olive;
}


hr {
	color: transparent;

}

img {
	display: block;
	margin: auto;
	width: 27%;
}

h2 {
	color: olive;
	font-size: 44px;
	font-family: arial ;
	text-align: center;
}



a {
	color: olive;
}

a:hover {
	background-color: white;
}

a:active {
	background-color: white;

}

a:visited {
	color: olive;
}


h3 {
	color: black;
	font-size: 44px;
	font-family: arial ;
	text-align: center;

}

h4 {
	color: black;
	font-size: 44px;
	font-family: arial ;
	text-align: center;
}

h5 {
	color: olive;
	text-decoration: underline;
	text-align: center;
	font-family: arial ;
}

p {
	text-align: justify;
	font-family: arial ;
	color: navy;
}

pre {
	text-align: center;

}

body {
	font-size: 40px;
	border: dotted 70px;
	border-color: olive;
	background-color: lightblue;








/*}

.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;*/












 }