@import url(https://fonts.googleapis.com/css?family=VT323);

#bulletCntnr
{
position:absolute;
z-index:1;
top:2000px;
left:-2000px;
background-size: contain;

}
#shipCntnr
{
position:absolute;
z-index:2;
top:500px;
left:500px;	
background-size: contain;
display:none;

}
#ship
{
position:relative;
top:0px;
left:0px;	
}
#bullet
{
position:relative;	
top:0px;
left:0px;
}

#highScoreDiv
{
	display: none;
	position: absolute;
	z-index: 101;
	padding: 10px;
	background: white;
	color: black;
	text-align: center;
}


#gameOver
{
display:none;
}
#gameOver,#intro
{
position:absolute;
top:20%;
right:15%;
text-align:center;
width:70%;
background:white;	
font-size:xx-large;
}
#intro
{
display:block;
}




body, html { 
    overflow-x: hidden; 
    overflow-y: hidden;
	overflow: hidden;
	font-family: 'VT323', cursive;
}



.ast
{
display:none;
position:absolute;
z-index:3;	
width:75px;height:75px;
background-size: 75px 75px;
line-height: 75px; /* <-- this is what you must define */
text-align:center;
color:white;
background-image:url("asteroid.gif");

vertical-align: middle;
}


#qdiv,#score1,#score2
{
position:absolute;
z-index:3;
top:0px;
height:100px;
background:white;
border:1px black solid;
text-align:center;	
font-size:x-large;
}

#buttons
{
position:absolute;
z-index:3;
bottom:110px;

}


#qdiv
{
left:10%;
width:80%;
}


#score1
{
left:0%;
}

#score2
{
right:0%;
}

#score1,#score2
{
width:10%;
background:yellow;
}






#info
{
position:absolute;top:0px;right:0px;	color:white;
}