body {
	background-color: #000;
	color: #fff;

	/* Allow mouse dragging. */
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	
	/* disable touch panning/zooming */
	-ms-touch-action: none;
	touch-action: none;

	/* Allow canvas to hit the edges of the browser viewport. */
	margin: 0;
}

#screen {
    position: relative;
    /*margin:0 auto;*/
    /*width:1024px;*/
}

#screen input {
    position: absolute;
    z-index:-10;
    top:-100px;
    left:0;
    width:100px;
    font-size:4px;
    line-height:60px;
    height:60px;
    background-color:transparent;
    border:0;
    outline: none;
    color:#000000;
}

#screen input:focus{
	outline: none;
}

#screen .text {
    position: absolute;
    z-index: 2;
    top:5%;
    left:20%;
    width:75%;
    font-size:24px;
    line-height:26px;
    height:90%;
    background-color:transparent;
    color:white;
    overflow-y: scroll;
    padding:15px;
    outline:none;
    text-align:justify;
}

#didattica {
    position: absolute;
    z-index: 2;
    top:10%;
    left:15%;
    width:74%;
    font-size:24px;
    line-height:26px;
    background-color:transparent;
    color:black;
    overflow-y: scroll;
    text-align:justify;
    font-family:Arial, Helvetica, sans-serif;
    display:none;
    padding-right:20px;
}

#didattica p {
	margin:18px 0;
	padding:0;
}

#screen canvas {
	margin: auto;

	/* Hide the gap for font descenders. */
	display: block;
	
	/* disable scaling interpolation */
	image-rendering: optimizeSpeed;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: optimize-contrast;
	-ms-interpolation-mode: nearest-neighbor;
}