body {
   background-color:#000;
}

.scores{
   display:none;
}
canvas {
	background: url("loading.jpg");
	background-size:100% 100%;
	border: solid 6px;
	border-color:#fff;
	border-radius:3px;
	float:left;
}
.about{
   color:#fff;
   position:fixed;
   right:0;
   bottom:0;
   margin-bottom:15px;
   margin-right:15px;
   font-family:'Arial';
   font-weight:700;
   font-size:22px;
   z-index:999;
}

h1{
   font-size:14px;
}
.googlePleaseRead{
   color:#000;
   font-size:1px;
   margin-top:-500000000;
   z-index:-9999999;
}
.aboutText{
   color:#fff;
   width:50%;
   position:fixed;
   text-align: center;
   right:25%;
   bottom: 10px;
   font-family:'Arial';
   font-size:12px;
   z-index:-999;
   /*display:none;*/
}

#instruct{
   background: url("instruct.png");
	background-size:97% 100%;
	padding-right:6px;
	width:350px;
	color:#fff;
	height:500px;
	border: solid 6px;
	border-color:#fff;
	border-radius:3px;
	border-right:0px;
	float:left;
}
ctxHidden{
	display:none;
}
.container{
	width:878px;
	margin:auto;
	
}



@font-face {
    font-family: '8bit';
    src: url('font.ttf');
}
@media (min-width: 1190px) {
   .scores{
      display:inline;
      width:336px;
      height:500px;
      float:left;
      z-index:500;
      border: solid 6px;
      border-color:#fff;
      border-radius:3px;
      border-left:0px;
   }
   .about{
      z-index:-999;
   }
   #instruct{
      width:320px;
   }
   .container{
      width:1190px;
   }
}