@import url("https://fonts.googleapis.com/css?family=Lato:300,400,900");

html, body {
	width: 100%;
	height: 98%;
	padding: 0;
	margin: 0;
}

body, input, select, textarea {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    letter-spacing: 0.05em;
    line-height: 2em;
}

body {
	/* font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; */
    overscroll-behavior: none; /* BLOCCA Refresh pagina con scroll su Mobile */
    background: #000;
    background: -moz-radial-gradient(center, ellipse cover, #444 0%, #000000 90%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#444), color-stop(90%,#000000));
    background: -webkit-radial-gradient(center, ellipse cover, #444 0%,#000000 90%);
    background: -o-radial-gradient(center, ellipse cover, #444 0%,#000000 90%);
    background: -ms-radial-gradient(center, ellipse cover, #444 0%,#000000 90%);
    background: radial-gradient(ellipse at center, #444 0%,#000000 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#000000',GradientType=1 );
	color: white;
	text-align: center;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

h1, h2, h3, h4, h5, h6 {
    color: inherit;
    line-height: 1.75em;
}
.my-link {
	cursor: pointer;
}
.my-link:hover, .my-link:active {
	opacity: .7;
}

.bg-light-1 { background: #f5f5f5 }
.bg-light-2 { background: #e5e5e5 }

.font-1 { font-size: .25em !important }
.font-2 { font-size: .5em !important }
.font-3 { font-size: 1em !important }
.font-4 { font-size: 1.5em !important }
.font-5 { font-size: 3em !important }

.w-5 { width: 5% !important }
.w-10 { width: 10% !important }
.w-15 { width: 15% !important }
.w-20 { width: 20% !important }


/* ******************************************************** Sito Simulatore ******************************************************** */
#img-cubo-rubik {
	width: 45%;
	height: auto;
}

#simulatore-cubo {
	display: none; /* Parto con CUBO nascosto */
}
#simulatore-cubo h4 {
	display: none; /* NOME per Performance 2 NASCOSTO all'inizio */
}

#cubo-rubik {
	width: 100%;
	height: 750px;
}

/* *-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-* */
@media screen and (max-width: 1200px) {
	#img-cubo-rubik {
		width: 85%;
	}

	#cubo-rubik {
		height: 400px;
	}
}