@charset "UTF-8";
/* CSS Document */

/* body: set default font, font size (1em), set default font color diff from black, default margin to 0px all around, change background color */

			body  {
			background-color: #8A9A50;
			margin: 0px;
			color: #225312;
			font-family: verdana, trebuchet, arial, sans-serif;
			}
/* #container: set width between 700-1200px, center in browser window, give a background color */
		
			#container {
			background-color: #F5F5DC;
			width: 960px;
			margin: 0px auto;
			padding: 30px;
			}

			ul li {
			list-style-type: none;
			}

/* a:link, a:visited and separately a:hover, a:active: set the global link colors with two grouped selectors, ensure the colors go with the design */

			a:link, a:visited {
			color: #225312;
			text-decoration: none;
			}

			a:hover, a:active {
			color: #805380;
			text-decoration: none;
 			}
			
/* h1 in header: change color, change font-family to make healine diff from body, change font size */
				
			h1 header{
			font-size: 2em;
			font-family: Cambria, Times, "Times New Roman", serif;
			text-align: center;
			color: #805380
			}
			
/* img in header: add a border, change the width to control the size */

			img {
			width: 30%;
			height: auto;
			float: right;
			margin-left: 25px;
			border-radius: 50%
			}

/* p in header: change the font size */

			p {
			font-style: italic;
			font-size: 1em;
			color: #567A3E;
			line-height: 140%;
			}

			main { 
			background-color: #C6CFAD;
			padding: 30px;
			border: medium;
			border-radius: 15%;
			}

/* h1 in main: change color, change font-family (match to the h1 in header), change font size */

			h1 main{
			font-size: 5em;
			font-family: Cambria, Times, "Times New Roman", serif;
			text-align: center;
			color: #805380;
			}


			h1 main{
			font-size: 3.5em;
			font-family: Cambria, Times, "Times New Roman", serif;
			text-align: center;
			color: #225312;
			}

/* h2 in main: change color, change font-family */

			h2 main{
			font-size: 1.8em;
			font-family: Cambria, Times, "Times New Roman", serif;
			color: #8A9A5B;
			}

/* no specifications on h3 requirements */

			h3 {
			font-size: 1.8em;
			font-family: Cambria, Times, "Times New Roman", serif;
			color: #225312;
			}

/* aside: change backround color so the box looks different from other content, add a border, give it padding to push border away from text */

			aside {
			background-color: #F5F5DC;
			padding: 30px;
			border: medium;
			border-radius: 15%;
			}

/* h1 in aside: change color to work with background color for readability, change font-family, match h1 in header, change font-size */

			h1 aside {
			color: #225312;
			font-family: Cambria, Times, "Times New Roman", serif;
			font-size: 3.5em;
			}

			h2 aside {
			font-size: 1em;
			}


			p aside {
			font-size: .5em;
			}

			

/* create a CSS rules for aside a:link, aside a:visited, and then separately aside a:hover, aside a:active, change the link colors to match the color scheme for aside */ 

			aside a:link, aside a:visited {
			color: #225312;
			text-decoration: none;
			}

			aside a:hover, aside a:active {
			color: #805380;
			text-decoration: none;
 			}

/* h1 in footer: change color, change font-family, match h1 in header, change font size */
		
			h1 footer {
			color: #805380;
			font-family: Cambria, Times, "Times New Roman", serif;
			font-size: 3.5em;
			float: center;
			}