body {	
	font-size:24px; font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif; text-align:center; padding:0; margin:0;	
}

#background {
	position:fixed;
	background: #627d4d; /* Old browsers */
	background: -moz-linear-gradient(top, #283167 0%, #080F3A 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#283167), color-stop(100%,#080F3A)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #283167 0%,#080F3A 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #283167 0%,#080F3A 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #283167 0%,#080F3A 100%); /* IE10+ */
	background: linear-gradient(to bottom, #283167 0%,#080F3A 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#283167', endColorstr='#080F3A',GradientType=0 ); /* IE6-9 */
	background-repeat: no-repeat;
	top:0;
	left:0;
	z-index:-5;
}

a { text-decoration:none; color:#DDD; }
a.visited { color:#DDD; }

#nav { position:fixed; top:0; background:rgba(100,100,100, 0.3); line-height:75px; z-index:100; }
#nav a { float:right; margin-right:5vw; border:1px solid #C77E19; padding:0 10px; background:rgba(0,0,0,0.4); transition-duration:2s; transition-property:color; text-transform:uppercase; width:15vw; }
#nav a:hover { background:rgba(255,255,255,0.2); box-shadow: inset 0 0 .5vw #000; text-shadow:0 0 1vw #000; }

.anchor { margin-bottom:100px; }
#content { top: 100vh; position:relative; text-align:center; }
#about { }
div.content { width:50vh; height:50vh; background:rgba(255,255,255,0.2); padding-top:10vh; }