/*I wanted the elements to be fixed width globally, so my research suggested trying a container*/
#container {
	width: 800px;
	margin: 0 auto;
}

#header h1 
{
	color: purple;
	font-family: Georgia, serif;
	font-weight: normal;
	border-bottom: 2px solid purple
}

#header ul { 
	list-style-tyoe: none;
	padding-left: 0;
	margin-left: 0; /*Using a container affected the left alignment of some elements so I had to force left flush align by adjusting margins or padding */
}

#main figure {
	padding-left: 0;
	margin-left: 0;
	}

ul { 
	list-style-type: none;
	color: purple;
	font-family: Century Gothic, Arial, sans-serif; /* I wasn't sure if this typeface needed a marker to indicate the reular fornt weight, regular seemed the default with no direction */
	font-weight: normal;
	}

a {
	color: purple;
	font-family: "Century Gothic", Arial, sans-serif;
	text-decoration: none;
}

a {text-decoration: none;
	color: purple;
}
p {
	color: gray;
	line-height: 2; /*I also added <br> to show where i wanted the line returns here, I will research if there was a way to do that here */
}

#footer {
	background-color: purple;
	padding: 8px 20px;
	border-radius: 20px;
}
#footer p { 
	
	font-family: Cebtury Gothic, Arial, Sans-serif;
	font-weight: bold;
	color: white;
	margin: 0;
	
}

#footer a {color: white;}