@media screen and (min-width: 640px){
	body {
		width: 640px;
		margin: auto;
	}

	section {
		width: 640px;
		height: 485px;
	}

	canvas {
		width: 640px;
		height: 480px;
	}

	canvas#canvasScreen {
		background-color: transparent;
		width: 640px;
		z-index:10;
	}
}
@media screen and (max-width: 640px) and (min-width: 480px){
	body {
		width: 100%;
		margin: auto;
	}

	section {
		width: 100%;
		height: 480px;
	}

	canvas {
		width: 100%;
	}
}
@media screen and (max-width: 480px){
	body {
		width: 100%;
		margin: auto;
	}

	section {
		width: 100%;
		height: 350px;
	}

	canvas {
		width: 100%;
	}
}

body {
	background-color: #000000;
	margin: auto;
	
	-ms-interpolation-mode: nearest-neighbor;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: pixelated;
	
	color: #CCCCCC;
}

section {
	position: relative;
	background-color: #000000;
	margin: 0 auto;
	
	-ms-interpolation-mode: nearest-neighbor;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: pixelated;
}

canvas {
	border-width: 2px;
	border-style: solid;
	border-color: #000000;
	background-color: #000000;
	position: absolute;
	left: 0px;
	margin: 0;
	image-rendering:-moz-crisp-edges;
	-webkit-font-smoothing:none;
}

canvas#canvasScreen {
	background-color: transparent;
	z-index:10;
}