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

/* Updated Spring Green Palette */
/* Deep Forest - #1B3022 (Primary Text) */
/* Soft Mint - #F0F7F4 (Main Background) */
/* Sage Green - #87A330 (Accents/Headers) */
/* Pear Green - #C4D600 (Nav/Highlights) */
/* Moss - #4F6228 (Footer/Dark Accents) */
/* White - #FFFFFF (Contrast) */

* {
	
margin: 0;
padding:0;
}

body {
    color: #1B3022;
    background-color: #F0F7F4;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
	font-size: 17px;
	width: 80%;
	margin: 0 auto;


}

/* HTML 5 Semantic Elements */

header {
    color: #FFFFFF;
    background-color: #4F6228;	
	max-height: 350px;
}

figure {
    color: #1B3022;
}

figcaption {
    background-color: #F0F7F4;
}

nav {
    background-color: #1B3022;
	padding: 10px;
	margin-bottom: 10px;
}

main {
    color: #1B3022;
}

footer {
    background-color: #C4D600;
    color: #C4D600;
}

/* Text Elements */

h1 {
    color: #F0F7F4;
    background-color: #4F6228;
	font-size: 2.0em;
	text-transform: uppercase;
	letter-spacing: 0.3em;
	  font-family: "Sixtyfour", sans-serif;
 	 font-optical-sizing: auto;
 	 font-weight: 400;
  	font-style: normal;
  	font-variation-settings:
    "BLED" 0,
    "SCAN" 0;
	text-shadow: 2px 3px 5px #C4D600;

}

.right {
		text-align: right;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}



h2 {
    background-color: #87A330;
    color: #FFFFFF;
	font-size: 1.8em;
	padding: 3px 5px;
	border-bottom: 8px solid #1B3022;
	border-radius: 4px;
}

h3 {
    color: #87A330;
    background-color: #F0F7F4;
	font-size: 1.6em;
}

p {
    color: #1B3022;
	font-size: 1.0em;
	line-height: 2.0em;

}

/* Hyperlinks */


nav a:link {
    color: #C4D600;
	font-size: 1.2em;
	text-decoration: none;
    padding: 10px 5px;
}

nav a:visited {
	color: #C4D600;
	font-size: 1.2em;
	text-decoration: none;
	padding: 10px 5px;
}

nav a:hover {
	color: #4F6228;
	background-color: #F0F7F4;
	padding: 10px 5px;
	border-radius: 5px 5px 0 0 ;
}

nav a:active {
	color: #C4D600;
	background-color: #F0F7F4;
	ppadding: 10px 5px;
}

main a, footer a {
    color: #1B3022;
	text-decoration: none;
	border-bottom: 1px solid #1B3022;
}

footer a {
    color: #1B3022;
}

/* Lists */

ul li {
    color: #FFFFFF;
    background-color: #4F6228;
}

ol li {
    color: #1B3022;
}

ul {
    background-color: #4F6228;
	font-size: 1.0em;
	padding-left: 45px;
}

ol {
    background-color: #C4D600;
	font-size: 1.0em;
	padding-left: 45px;
}