body {
			background-color: #333; 
			background-image: url(images/leafoptimized.jpg);
			background-repeat: no-repeat;
			background-position: fixed;
			background-size: cover;

			margin: 0; 

			font-family: "Lato", Arial, sans-serif;
			font-size: 100%;
		}

				/* HEADER STYLES*/
		header {
			background-color: rgba(0, 0, 0, 0.6);
			padding: 100px 100px 100px;
			text-align: center;
		}

		h1 { 
			font-family: "Arima Madurai", Verdana, sans-serif;
			font-size: 4em;
			color: #FFF;
			margin-bottom: 0.25em;
		}

		p.art, p.term {
			color: #FFB380;
			display: inline;
		}

		p.term {
			padding-left: 50px;
		}

				/* PARAGRAPH STYLES */
		#main {
			color: #FFF;
			background-color: rgba(0, 0, 0, 0.4);
			font-size: 1em;
		}

		#main h2 {
			color: #FFB380;
		}

		section.intro {
			text-align: justify;
			margin: auto;
			width: 700px;
			padding: 100px 0 150px 0;
		}

				/* LIST STYLES */
		#nav {
			background-color: rgba(255, 179, 128, 0.4);
			overflow: hidden;
			padding: 100px 0;
			width: 100%;
		}

		#chapter {
			margin: auto;
			width: 500px;
		}

		#chapter h3 {
			border-bottom: 5px dotted rgba(0, 0, 0, 0.6);
			padding-bottom: 2px;
		}

		#chapter ol {
			list-style-type: none;
			line-height: 3em;
			padding-left: 20px;
		}

		.work {
			float: left;
			margin: 0 80px 0 15%;
		}

		.project {
			float: left;
		}
		
				/* PSEUDO CLASSES */
		a {
			text-decoration: none;
			background-color: rgba(0, 0, 0, 0.6);
			border-radius: 2em;
			padding: 5px 10px 7px;
		}

		a:link {
			color: #FFF; /*white*/
		}

		a:visited {
			color: #BFBFBF; /*gray*/
		}

		a:hover {
			color: #E6B3E6; /*light purple*/
		}

		a:active {
			color: #FFC299; /*light orange*/
		}

				/* FOOTER STYLES */
		footer {
			clear: left;
			color: #FFF;
			background-color: rgba(0, 0, 0, 0.5);
			padding: 1em;
			text-align: center;
			font-style: italic;
		}

		.name {
			text-decoration: underline;
		}