name {
  background-color:#4aaaa5;
	color: white;
	padding: 25px;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size:20pt;
	position: absolute;
	margin: 0 0 0 138;
			
 }

header {
	height: 80px;
	width: 100vw;
	background-color: #ffffff;
	position:fixed;
	top: 0;
	font-size: 12px;
	font-family: Georgia, 'Times New Roman', Times, serif;
	z-index: 99;
	left: 0px;
	border-bottom: 3px solid #cccccc;
 }

links {
	position: absolute;
	right: 10px;
	margin: 30 120 0 0;
}

a:hover { 
	color: #6696E8; 
}

 .navigation {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 16px;
	color: #777777;	
	padding: 0px 10px 0px 10px;
	}

 h2 {
	color: #4aaaa5;
	border-bottom: 3px solid #cccccc;	 
}

#aboutMe {
  color: #777777;
  width: 960px;
  font-size: 18px;
  margin: 10% auto;
  border: 2px solid #cccccc;
  background-color: #ffffff;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;		

}



footer {
	position: fixed;
	left: 0px;
	bottom: 0px;
	background-color: #666666;
	width: 100%;
	font-size: 12px;
	text-align: center;
	padding: 10px 0px;
	color: #ffffff;
	border-top: 6px solid #4aaaa5;
}

div {
	border: 2px solid #cccccc;
	padding: 20px;
  	background-color: #ffffff;
	width: 960px;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;		
}

html {
	background-color:#dddddd;
	background-image: url(../images/prism.png);	
}

button {
	padding: 7;
	width: 70;
	background-color:#4aaaa5;
	color: white;
	cursor: pointer;
}

container {
	position:relative;
	width: 50%;
  }
  
  
  #one {
	position: absolute;
	top: -200%;
	left: 49.25%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	padding: 20;
	width: 340;
	background-color:#4aaaa5;
	color: white;
	font-size: 24pt;
	cursor: pointer;
	text-align: center;
  }
  
	#pp {
		float: left;
		padding: 0 20 10 0;
	}