body{
	margin:0 auto;
	width:100%;
	background-color:white;

	}
	
#header{
	position:fixed;
	overflow:hidden;
	display:block;
	z-index:2;
	width:100%;
	background-color:white;
	
	}
	
.filledbox{
	position:fixed;
	display:block;
	z-index:3;
	background-color:#181241;
	height:174px;
	width:55px;
	
	}
	
.filledbox2{
	position:relative;
	display:block;
	top:35px;
	background-color:#181241;
	height:25px;
	width:55px;
	
	}
	
.filledbox3{
	position:relative;
	display:block;
	top:28px;
	background-color:#181241;
	height:25px;
	width:55px;
	
	}
	
.filledbox4{
	position:relative;
	display:block;
	top:10px;
	background-color:#181241;
	height:45px;
	width:55px;
	
	}
	
.filledbox5{
	position:relative;
	display:block;
	top:35px;
	background-color:#181241;
	height:25px;
	width:55px;
	
	}
	
.filledbox6{
	position:relative;
	display:block;
	top:30px;
	background-color:#181241;
	height:25px;
	width:55px;
	
	}

.filledbox7{
	position:relative;
	display:block;
	top:10px;
	background-color:#181241;
	height:23px;
	width:55px;
	
	}
	
.filledbox8{
	position:relative;
	display:block;
	top:30px;
	background-color:#181241;
	height:23px;
	width:55px;
	
	}
	
.filledbox9{
	position:relative;
	display:block;
	top:10px;
	background-color:#181241;
	height:23px;
	width:55px;
	
	}
	
#header h1{
	margin:0 auto;
	text-align:left;
	margin-left:75px;
	font-family:Calibri, sans-serif;
	font-size:35px;
	color:black;
	}
	
#header h2{
	margin:0 auto;
	text-align:left;
	margin-left:75px;
	font-family:Calibri, sans-serif;
	font-size:15px;
	color:black;
   	text-decoration:none;
	}

	
#header a{
	text-decoration:none;
	font-family:Calibri, sans-serif;
	font-size:15px;
	color:black;
}

#header a:hover{
	color:white;
	background-color:#181241;
	transition:background-color 0.5s ease-out;
}
	
.headerline{
	display:block;
	height:5px;
	background-color:#181241;
	
	}
	
.headerlineVert{
	display:block;
	position:fixed;
	width:5px;
	height:100%;
	background-color:#181241;
	margin-left:50px;
	
	}

.navbuttons{
	display:block;
	margin: 0 auto;	
	padding:10px;
	text-align: center;
	}
	
.navbuttons button{
	margin:0 auto;
	margin-bottom:10px;
	width:200px;
	background-color: white;
    	color: black;
    	font-family:Calibri, sans-serif;
    	font-size:18px;
    	cursor: pointer;
    	padding: 10px 25px;
    	border:2px solid #181241;
	border-radius: 20px;
	transition:background-color 0.5s ease-out;
        }

.navbuttons button:hover{
	background-color:#181241;
	color:white;
	transition:background-color 0.5s ease-in;

}
	
.container{
	position:relative;
	overflow-y:scroll;
	overflow:hidden;
	margin:0 auto;
	display:block;
	width:100%;
	top:177px;
	}
	
#game_dev{
	width:100%;
	margin:0 auto;
	display:block;
	
	}	
	
.container h1{
	margin:0 auto;
	text-align:left;
	margin-left:75px;
	font-family:Calibri, sans-serif;
	font-size:35px;
	color:black;
	
	}
	
.container h2{
	margin:0 auto;
	margin-bottom:10px;
	text-align:center;
	font-family:Calibri, sans-serif;
	font-style:italic;
	font-size:18px;
	color:black;
	
	}
		
.image{
	display:block;
	margin:0 auto;
	position:relative;
	margin-top:10px;
	width:50%;
	
	}
	
.appimage{
	display:block;
	margin:0 auto;
	position:relative;
	margin-top:10px;
	width:15%;
	
	}
	
.modelimage{
	display:block;
	margin:0 auto;
	position:relative;
	margin-top:10px;
	margin-bottom:10px;
	width: 60%;
	
	}
	
.fft{
	display:block;
	position:relative;
	width:60%;
	
	}
	
.links{
	display:block;
	margin:0 auto;
	width:100%;
	margin-top:-12.5px;
	
	}
	
.linksdouble{
	display:block;
	margin:0 auto;
	width:100%;
	margin-top:-34px;
	
	}
	
.link{
	text-decoration:none;
	
	}
	
.link h1{
	margin:0 auto;
	text-align:center;
	font-family:Calibri, sans-serif;
	font-size:18px;
	color:black;
	background-color:white;
	transition:background-color 0.5s ease-out;

	}
	
.link:hover h1{
	color:white;
	background-color:#181241;
	transition:background-color 0.5s ease-out;

	}
	
	
.footer{
	position:relative;
	display:block;
	width:100%;
	height:25px;
	background-color:white;
	top:177px;
	}
	
.footer .headerline{
	display:block;
	height:5px;
	background-color:#181241;
	
	}
	
.footer h1{
	margin:0 auto;
	margin-top:2.5px;
	text-align:center;
	font-family:Calibri, sans-serif;
	font-size:12px;
	
	}	


@media only screen and (max-width: 825px){
	#header h1{
              font-size:30px;

         }
        .filledbox{
              height:150px;

         }   
         
        .navbuttons button{
	    	padding: 2px 5px;
	    	font-size:15px;
		border-radius: 20px;
		width:210px;
        }
}

@media only screen and (max-width: 800px){
        .navbuttons button{
	    	font-size:15px;
		width:180px;
        }
}

@media only screen and (max-width: 725px){
	#header h1{
              font-size:20px;

         }  
        .filledbox{
              height:140px;

         } 
         .navbuttons button{
	    	padding: 2px 5px;
	    	font-size:15px;
		border-radius: 20px;
		width:160px;
        }
}

@media only screen and (max-width: 650px){
        .navbuttons button{
	    	font-size:12px;
		width:130px;
        }
}
	
@media only screen and (max-width: 530px){
	.headerlineVert{
		display:none;
		
	}
	
	#header h1{
		text-align:center;
		margin-left:0px;
		font-size:15px;
		
	}
	
	#header h2{
		text-align:center;
		margin-left:0px;
		margin-top:10px;
		margin-bottom:10px;
		
	}
	
	.navbuttons button{
	    	font-size:15px;
	    	width:160px;
        }

        .container{
	       position:relative;
	       margin:0 auto;
	       display:block;
	       width:100%;
	       top:250px;
	
	}	
	
	.container h1{
		top:200px;
		text-align:center;
		margin-left:0px;
		margin-top:25px;
		
	}
	
	.container h2{
		text-align:center;
		margin-left:0px;
		margin-bottom:25px;
		margin-top:25px;
		
	}
	
	
	.game{
		margin-left:0px;
        	width:100%;
	
	}
	
	.fft{
		margin-left:0px;
		
	}
	
	.links{
		margin-top:-25px;
	
	}
	
	.filledbox{
		display:none;
	
	}
	
	.filledbox2{
		display:none;
	
	}
	
	.filledbox3{
		display:none;
	
	}
	
	.filledbox4{
		display:none;
	
	}
	
	.filledbox5{
		display:none;
	
	}
	
	.filledbox6{
		display:none;
	
	}

	.filledbox7{
		display:none;
	
	}
	
	.filledbox8{
		display:none;
	
	}
	
	.filledbox9{
		display:none;
	
	}
	
	.footer{
		top:250px;
	}
	
	.image{
		display:block;
		margin:0 auto;
		position:relative;
		margin-top:10px;
		width:75%;
	
	}
	
	.appimage{
		display:block;
		margin:0 auto;
		position:relative;
		margin-top:10px;
		width:25%;
		
	}
		
	.modelimage{
		display:block;
		margin:0 auto;
		position:relative;
		margin-top:10px;
		margin-bottom:10px;
		width: 75%;
		
	}
		
	.fft{
		display:block;
		position:relative;
		width:75%;
		
	}
	
	.links{
	
	margin-top:0px;
	
	}
	
.linksdouble{
	margin-top:0px;
	
	}
}

@media only screen and (max-width: 270px){
	#header h1{
		font-size:25px;
		
	}
}