@charset "utf-8";
 
 body{
 	background:url(http://i.imgur.com/fjEWY38.png);/*backgroundpattern.png*/
 	margin:0;
}

#content{
	margin-left:12.5%;
	max-width:75%;
	height: 2200px;
	position: relative;

}

header{
	width:75%;
	height:530px;
	margin-left:12.5%;
	position: relative;

	background-image:url(http://i.imgur.com/YfzzIHN.png);/*BloatedHeader.png*/
	background-size: 100% 100%;
}

article{
	width:100%;
	height: 1200px;
	background-color:#1b1b27;
}

#article1{
	width:100%;
	height: 600px;
	background-color:#1b1b27;
}

#space{
	width:100%;
	height:150px;
}
#sigil{
	width:70px;
	height:70px;
	background-image: url(http://i.imgur.com/alurO0O.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position:relative;
	margin-left:45%;
	top:26%;
}


h1{ 
	color: #FFFFFF;
 	font-family: 'Open Sans Condensed', sans-serif;
 	font-size: 60px; 
 	font-weight: 700;
 	line-height: 64px; 
 	margin: 0 0 0;
 	padding: 20px 30px;
 	text-align: center; 
 	text-transform: uppercase; 
 	position: relative;
 	top:50px;
 }

 video{
 	margin-left: 24%;
 	margin-top: 7%;
 	clear:both;
 	width:50%;
 	height:50%;


 }

 #wasd{
 	height:49%;
 	width:49%;
 	position: relative;
 	margin-top:10%;
 	margin-left:10%;
 	background-image:url(http://i.imgur.com/CuNKHJK.png);
 	background-repeat: no-repeat;
 	float:left;
 }

  #mouse{
  	float:left;
 	height:40%;
 	width:24%;
 	margin-top:5%;
 	background-image:url(http://i.imgur.com/zuTc1Qm.png);
 	background-repeat: no-repeat;
 	background-size: 100% 100%;
 }

 h2{
 	color: #000;
 	font-family: 'Open Sans Condensed', sans-serif;
 	font-size: 60px; 
 	font-weight: 700;
 	line-height: 64px; 
 	margin: 0 0 0;
 	padding: 20px 30px;
 	text-align: center; 
 	text-transform: uppercase; 
 	position: relative;
 	top:200px;
 }