* {
	overflow-x:hidden;
}
html {
	background-color: #ffffe0;
	margin:0 auto;
	padding:0;
}
#footer {
	background-color: #dc4;
	color: #000;
	text-align:center;
}
#footer > p {
	vertical-align:middle;
}
#header {
	background-color: #ffe4B5;
	position:absolute;
	top:0;
	left:0;
}
#graficoX0 {
	margin: 10px 0 10px 0;
}
#graficoX1 {
	margin: 10px 0 10px 0;
}
#graficoZ {
	margin: 10px 0 10px 0;
}
#prova {
	display:none;
}
.etichettaAsse {
	color: darkred;
	font-weight: 700;
	font-size: 1.2em;
	margin: 10px;
}
#test {
	margin:5px;
}
a.icona{cursor:pointer;}
#menu>p{cursor:pointer;color:blue;text-decoration:none}
a:visited {}
a:hover {}

/*
https://codepen.io/havardob/pen/qBvYdXL
 */
/* CSS */

.button {
	overflow-y: hidden;
	position: relative;
	font: inherit;
	background-color: #f0f0f0;
	background-color: #f0e68c;
	border: 0;
	color: #242424;
	border-radius: 0.5em;
	/*font-size: 3rem;*/
	padding: 0.375em 1em;
	font-weight: 600;
	text-shadow: 0 0.0625em 0 #fff;
	box-shadow: inset 0 0.0625em 0 0 #f4f4f4, 0 0.0625em 0 0 #efefef,
		0 0.125em 0 0 #ececec, 0 0.25em 0 0 #000000, 0 0.3125em 0 0 #dedede,
		0 0.375em 0 0 #dcdcdc, 0 0.425em 0 0 #ffe485, 0 0.425em 0.5em 0 #f5deb3;
	transition: 0.25s ease;
	pointer: cursor;
	cursor: pointer;

	&:active,
	&:hover {
		transform: translateY(0.225em);
		box-shadow: inset 0 0.03em 0 0 #f4f4f4, 0 0.03em 0 0 #efefef,
			0 0.0625em 0 0 #ececec, 0 0.125em 0 0 #e0e0e0, 0 0.125em 0 0 #dedede,
			0 0.2em 0 0 #dcdcdc, 0 0.225em 0 0 #cacaca, 0 0.225em 0.375em 0 #cecece;

		&:after {
			height: calc(100% + 0.225em);
		}
	}

	&:after {
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: calc(100% + 0.375em);
		top: 0;
		left: 0;
		background-color: transparent;
		transition: height 0.25s ease;
	}
}