html, body {
	
	margin:0;
	padding:0;
    width:100%;
	height:100%;
	scroll-behavior: smooth;
}
* { margin: 0; padding: 0; box-sizing: border-box;}
body {
	background-color: black;
	background-image: url(bg.jpg);
	background-attachment:fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat:no-repeat;
	
	font-family: "VT323", monospace;
}
/****************LOGO*************/
#logo{
	width:100%;
	height:160px;
	
	float:left;	
}
#logo img{
	margin-top:50px;
	
	max-width:80%;
	
	cursor:pointer;	
	
	transition: all 0.3s linear 0s;
	animation: logoAnimation 3s;
}
@keyframes logoAnimation {
     from { transform: scale(1.5); }
     to   { transform: scale(1);}
}
#logo img:hover{
	transform: scale(1.2);
	transition: all 0.3s linear 0s;
}
/****************MENU*************/
#menu{
	width:100%;
	min-height:calc( 100% - 220px );
	
	float:left;		
}
#menu input[type="submit"]{
	width:400px;
	height:40px;
	
	background-color:#74747c;

	color:white;
	font-size:25px;
	text-align:center;
	text-shadow: 2px 2px #000A;
	font-family: "VT323", monospace;
	
    box-shadow: inset -2px -4px #0006, inset 2px 2px #FFF7;
	
	border: 2px solid #000;
	
	margin-top:10px;
	
	cursor:pointer;
	
	animation: menuAnimation 3s;
}
@keyframes menuAnimation {
     from { transform: scale(1.5); }
     to   { transform: scale(1);}
}
#menu input[type="submit"]:hover{
	background-color:#52677d;
	
	color:#f9e102;
}
#menu input[type="submit"]:active{
	background-color:#52677d;
	
	color:#f9e102;
	
	box-shadow: inset -2px -4px #0004, inset 2px 2px #FFF5;
}
/****************FOOTER************/
#footer{
	width:100%;
	height:50px;
	
	float:left;
	
	color:white;
	font-size:25px;
	text-align:center;
	text-shadow: 2px 2px #000A;
	
	padding-top:20px;
}
#footer a{
	color:white;
	text-decoration:none;	
}
#footer a:hover{
	color:#52677d;
	text-decoration:underline;	
}
@media only screen and (max-width: 900px) {
	
	#menu input[type="submit"]{
		width:80%;
		height:70px;
		margin-top:20px;
	}
	@keyframes menuAnimation {
     	from { transform: scale(1.2); }
     	to   { transform: scale(1);}
	}
	@keyframes logoAnimation {
    	from { transform: scale(1.2); }
    	to   { transform: scale(1);}
}
}