@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Press+Start+2P);

#questionDiv
{
position:absolute;
top:100px;
left:100px;
width:500px;
background:white;
border:1px black solid;
padding:10px;
display:none;
color:black;	
}

@font-face {
	    font-family: 'BDCartoonShoutRegular';
        src: url('BDCartoonShoutwebfont.ttf') format('truetype');
	    font-weight: normal;
	    font-style: normal;
      }
	  
body,html,div
{
background:#000;
color:white;	
font-family: 'Press Start 2P', cursive;
}

#info
{
position:absolute;top:0px;left:250px;
}

#bat1
{
position:absolute;
top:200px;
left:100px;
height:100px;
width:10px;
background:white;	
}
#scoreBox1, #scoreBox2
{
position:absolute;
top:10px;
font-size:large;	
}
#gamesBox1, #gamesBox2
{
position:absolute;
bottom:10px;
font-size:large;	
}
#secondsBox
{
position:absolute;
bottom:10px;
font-size:x-large;	
}

#bat2
{
position:absolute;
top:200px;
right:100px;
height:100px;
width:10px;
background:white;	
}

.ballStart
{
position:absolute;
top:500px;
left:500px;
height:10px;
width:10px;
background:white;	
}

#changeK
{
text-align:center;	
}

body,html
{
overflow-y:hidden;	
}

#tl, #tr, #br, #bl
{
position:absolute;
width:64px;	
}
#tl, #tr
{
top:20px;	
}
#br, #bl
{
bottom:20px;	
}
#tl, #bl
{
left:10px;	
}
#tr, #br
{
right:10px;	
}
#onePlayerScoreBox
{
position: absolute;
bottom:0px;
left:5px;	
}
#hs
{
position: absolute;
bottom:0px;
right:5px;	
}