body {
	background-color: #eee;
	margin: 0;
	padding: 0;
}

.nav {
	
	width: 100%;
	height: 60px;
	display: grid;
	grid-template-columns: 150px 150px auto;
	margin-top: 15px;
	padding-top: 10px;
	padding-left: 60px;	
	font-family: 'Roboto Mono', monospace;
}

.nav1{
	padding-left: 1290px;
	text-decoration: none;
	color: black;
}

.titolo{
	font-family: 'Roboto Mono', monospace;
	padding-left: 60px;	
	margin-top: 40px;
}

.didascalia {
	font-family: 'Roboto Mono', monospace;
	padding-left: 60px;	
	margin-top: 40px;
	font-size: 14px;
	color:rgb(160, 160, 160);
}


.introduzione{
	font-family: 'Roboto Mono', monospace;
	padding-left: 60px;	
	margin-top: 20px;
	font-size: 14px;
	color:rgb(0);
}



canvas {
	display: block; 
	margin-left: 60px;
	position: relative;
	z-index: -1;
}

/* .scala {
	font-family: 'Roboto Mono', monospace;
	padding-left: 60px;	
	margin-top: 40px;
	font-size: 14px;
	color:black;
	
} */