body {
  font-family:'Hind','Arial',sans-serif;
  margin:0px;
  background-color:#001733;
  }
  
h3 {
	text-align:center;
	font-size:125%;
}

#topboxtwo {
  width:100%;
  height:850px;
  background-image:url(images/xcom.jpg);
  background-repeat:no-repeat;
  background-position:0px 87.5px;
  background-color:white;
}

#topboxthree {
	background-image:url(images/zelda.jpg);
	background-repeat:no-repeat;
	background-position:0px 110px;
	background-color:white;
}

#transistortop {
	background-image:url(images/transistortop.jpg);
	background-repeat:no-repeat;
	background-position:292px 0px;
	background-color:white;
}

#tgimg {
	background-image:url(images/transistorgame.jpg);
	background-repeat:no-repeat;
	background-position:300px 420px;
}

#textboxonecol {
	position:absolute;
	top:110px;
	width:100%;
	text-align:center;
	color:black;
	font-size:150%;
}

#xcom {
	position:absolute;
	color:black;
	font-size:400%;
	font-family:'Orbitron','Arial',sans-serif; 
	top:337.5px;
	left:450px;
	background-color:rgba(255,255,255,0.5);
	padding-left:2px;
	padding-right:2px;
}

#m {
	font-size:95%;
}

#buydlcnowm {
	position:absolute;
	top:7510px;
}

#twoimg {		
	background-image:url(images/vigiloconfido.jpg);
	background-repeat:no-repeat;
	background-position:75px 450px;
}

#nineimg {
	background-image:url(images/hacknetlogo.jpg);
	background-repeat:no-repeat;
	background-position:560px 250px;

}

.star {
	color:red;
}

#msimg {
	background-image:url(images/mastersword.jpg);
	background-repeat:no-repeat;
	background-position:100px 450px;
}

#dgimg {
	background-image:url(images/diablogame.jpg);
	background-repeat:no-repeat;
	background-position:550px 250px;
}

#hacknet {
	position:absolute;
	top:4587.5px;
	left:435px;
	font-size:400%;
	font-family:'Orbitron','Arial',sans-serif;
	color:white;
}

#magicka {
	background-image:url(images/magicka.jpg);
	background-repeat:no-repeat;
	background-position:0px 154.5px;
	background-color:white;
}

#mgimg {
	background-image:url(images/magickagame.jpg);
	background-repeat:no-repeat;
	background-position:100px 450px;
}


#magickatitle {
	font-size:400%;
	color:white;
	font-family:'Orbitron','Arial',sans-serif;
	font-family:'Orbitron','Arial',sans-serif;
	position:absolute;
	left:460px;
	top:4800px;
}

#topboxfour {
	background-image:url(images/hacknet.jpg);
	background-repeat:no-repeat;
	background-position:0px 110px;
	background-color:black;
}

.background {
	position:relative;
	right:355px;
	z-index:0;
}

.back {
	position:absolute;
	right:-335px;
	z-index:0;
}

.buygamenow {
	position:absolute;
	top:1250px;
	left:120px;
}

.buygamenowtwo {
	position:absolute;
	top:5550px;
	left:120px;
}

.buygamenowm {
	position:absolute;
	top:5500px;
	left:120px;
}

.buygamenowtwoalt {
	position:absolute;
	top:4700px;
	left:120px;
}

.buygamenowthree {
	position:absolute;
	top:1275px;
	left:120px;
}

.buyexpansionnow {
	position:absolute;
	top:3246px;
	left:175px;
}

.buydlcnow {
	position:absolute;
	top:3220px;
}

.buydlcnowtwo {
	position:absolute;
	top:7470px;
}

.link:link {
	color:#218673;
	text-decoration-line:none;
}

.link:visited {
	color:#12717f;
}

.link:hover {
	color:#0b2f85;
}

.navlink {
	text-decoration: none;
	color:white;
	font-weight:bold;
	font-size:90%;
}

.navlink:visited {
	color:white;
}

.navlink:hover {
	color:#949494;
}

.navbutton {
   height:100px;
   width:150px;
   display:inline-block;
   text-align:center;
   line-height:100px; /* same height as element to vertically center text*/
   font-size:130%;
   }

.logo {
   height:100px;
   width:100px;
   display:inline-block;
}

.logotext {
   height:44px;
   width:100px;
   position:absolute;
   top:64px;
   display:inline-block;
   font-family:'Orbitron','Arial',sans-serif;
   font-size:20px;
   text-align:center;
   color:white;
   text-decoration-line:none;
}

#diablo {
	background-image:url(images/diablo.jpg);
	background-repeat:no-repeat;
	background-position:0px 87.5px;
	background-color:white;
}


#banner-container {
  width:100%;
  position:fixed;
  top:0px;
  z-index:1;
}
#banner {
   display: flex;
   justify-content: space-between;
   margin:0px auto;
   width:1200px;
   height:110px;
   background-color:rgba(18,113,127,0.4);
}

#main {
  position:relative;
  margin-left:auto;
  margin-right:auto;
  width:1200px;
  height:auto;
  z-index:0;
}

#backtotop {
	position:fixed;
	margin-left:1110px;
	z-index:3;
	font-size:105%;
	font-family:'Hind','Arial',sans-serif;
}

#nextgame {
	position:absolute;
	margin-left:980px;
	z-index:2;
	font-size:105%;
	font-family:'Hind','Arial',sans-serif;
	font-weight:bold;
}

#nextgametwo {
	position:absolute;
	margin-left:930px;
	z-index:2;
	font-size:105%;
	font-family:'Hind','Arial',sans-serif;
	font-weight:bold;
}


#nextlink {
	color:#12717f;
	text-decoration-line:none;
	background-color:rgba(255,255,255,0.5);
	padding:5px;
}

#nextlink:visited {
	color:#12717f;
}

#nextlink:hover {
	color:#0b2f85;
}

.toplink {
	color:#12717F;
	text-decoration-line:none;
}

.toplink:hover {
	color:#0b2f85;
}


.twocolleft {
	margin-top:120px;
	margin-left:120px;
	width:420px;
	height:610px;
}

.twocolright{
	margin-top:120px;
	margin-right:120px;
	width:420px;
	height:610px;
}

.bigfont {
	font-size:125%;
}

.smallfont {
	font-size:110%;
}

.onecol {
	margin-right:175px;
	margin-left:175px;
	margin-top:100px;
	width:840px;
	height:610px;
	font-size:125%;

}

.box{
  width:100%;
  height:850px;
  background-color:white;
 }
 
.flexbox {
	display:flex;
	justify-content:space-between;
}

.downarrow {
	opacity:0.5;
}

.downarrow:hover {
	opacity:1.0;
}

.scrolldownone {
	position:absolute;
	top:780px;
	left:575px;
	z-index:4;
}

.scrolldowntwo {
	position:absolute;
	top:1630px;
	left:575px;
	z-index:4;
}

.scrolldownthree {
	position:absolute;
	top:2480px;
	left:575px;
	z-index:4;
}

.scrolldownfour {
	position:absolute;
	top:3330px;
	left:575px;
	z-index:4;
}

.scrolldownfive {
	position:absolute;
	top:4180px;
	left:575px;
	z-index:4;
}

.scrolldownsix{
	position:absolute;
	top:5030px;
	left:575px;
	z-index:4;
}

.scrolldownseven {
	position:absolute;
	top:5880px;
	left:575px;
	z-index:4;	
}

.scrolldowneight {
	position:absolute;
	top:6730px;
	left:575px;
	z-index:4;
}

.scrolldownnine {
	position:absolute;
	top:7580px;
	left:575px;
	z-index:4;
}

.prelink{
	font-family:'Hind','Arial',sans-serif;
}

.bottomimage {
	position:absolute;
	top:3800px;
	left:500px;
}

.bottomimagetwo {
	position:absolute;
	left:500px;
	top:8050px;
}

.bottomimagealt {
	position:absolute;
	left:500px;
	top:7200px;
}

.bottomimagealttwo {
	position:absolute;
	left:500px;
	top:2950px;
}

.bottomimagedb {
	position:absolute;
	left:500px;
	top:6350px;
}

#rrimg {
	background-image:url(images/rr.jpg);
	background-repeat:no-repeat;
	background-position:75px 450px;
}

#rrtitle {
	font-family:'Orbitron','Arial',sans-serif;
	font-size:400%;
	position:absolute;
	top:150px;
	left:75px;
	background-color:rgba(255,255,255,0.7)
}

#dandb {
	background-image:url(images/horde.jpg);
	background-repeat:no-repeat;
	background-position:100px 143.5px;
	background-color:rgba(0,0,20,1.0);
}

#deadandburied {
	font-family:'Orbitron','Arial',sans-serif;
	font-size:400%;
	color:white;
	position:absolute;
	top:3550px;
	left:300px;
}

#dabimg {
	background-image:url(images/oculus.jpg);
	background-repeat:no-repeat;
	background-position:100px 425px;
}

#greytext {
	color:#808080;
}

.goto  {
	text-decoration-line:none;
	color:#808080;
}

.goto:visited {
	text-decoration-line:none;
	color:#808080;
}

.goto:hover {
	text-decoration-line:underline;
}

#credits {
	color:black;
	text-decoration-line:none;
}

#credits:hover {
	color:#0b2f85;
}

#topbox {
  width:100%;
  height:850px;
  background-image:url(images/topbox.jpeg);
  background-repeat:no-repeat;
}

#roborecall {
	background-image:url(images/roborecall.jpg);
	background-repeat:no-repeat;
	background-position:0px 87.5px;
	background-color:white;
}

#footer {
  position:absolute;
  bottom:0px;
  width:100%;
  height:50px;
  text-align:center;
  line-height:50px;
  font-size:100%;
  color:black;
  background-color:rgba(18,113,127,0.4); 
}