@charset "utf-8";


/*** Reset */

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}
fieldset,img{
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight:normal;
}
ol,ul{
	list-style:none;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
q:before,q:after{
	content:'';
}
abbr,acronym{
	border:0;
}
a{
	text-decoration:none;
}
a:active, a:focus{
	outline:none;
} 
header,footer,aside,nav,article,figure,figcaption{
	display:block;
	margin:0;
	padding:0;
}

html{
	overflow:none;
	height:100%;
}
body{
	background-color:#333;
	height:100%;
	display:grid;
	place-items:center;
	font-family:sans-serif;
}
canvas{
	border:1px solid #555;
	background:#000;
	margin:auto;
	display:block;
	/*
	width:640;
	height:480;
	/*
	image-rendering: optimizeSpeed;             // Older versions of FF          
	image-rendering: -moz-crisp-edges;          // FF 6.0+                       
	image-rendering: -webkit-optimize-contrast; // Safari                        
	image-rendering: -o-crisp-edges;            // OS X & Windows Opera (12.02+)
	image-rendering: -moz-pixelated;
	image-rendering: pixelated;  
	*/
}
p{
	text-align:center;
	color:#fff;
	padding-top:10px;
}