body{
	background-color: #4267b2ff;
	overflow-x: scroll;
}

canvas{
	background-color: #ffffffff;
}

.slider{
	-webkit-appearance: none;
	background: white;
	height: 6px;
	outline: none;
	border-radius: 10px;
	box-shadow: 2px 4px 6px #000000;
	margin-bottom: 9px;
	opacity: 0.8;
	transition: opacity 0.2s;
}

.slider:hover{
	opacity: 0.9;
}

.slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #aaaaaa;
	cursor: pointer;
	outline: none;
	opacity: 1;
	transition: opacity 0.2s;
}

.slider::-moz-range-thumb{
	-webkit-appearance: none;
	appearance: none;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #aaaaaa;
	cursor: pointer;
	outline: none;
	opacity: 1;
	transition: opacity 0.2s;
}

#posizione_1::-webkit-slider-thumb {
	background: #0000FF;
}

#posizione_2::-webkit-slider-thumb {
	background: #00FF00;
}

#posizione_1::-moz-range-thumb{
	background: #0000FF;
}

#posizione_2::-moz-range-thumb{
	background: #00FF00;
}

canvas{
	box-shadow: 2px 3px 6px #000000;
	position: absolute;
	left: 25px;
}

.text{
	font-family: "Roboto";
	color: white;
	font-size: 15px;
	text-shadow: 2px 4px 3px #000000;
	margin-bottom: -10px;
	display: block;
}

.text_table{
	font-family: "Roboto";
	color: white;
	font-size: 16px;
	text-shadow: 2px 4px 3px #000000;
	display: block;
}
.slidecontainer{
	text-align: center;
	align-items: center;
	width: 200px;
	position: absolute;
	left: 1255px;
}

input{
	width: 200px;
}

table{
	border-collapse: collapse;
}

td{
	width: 66.67px;
	border: solid;
	padding: 0px;
	margin: 0px;
}

#check{
	margin: 10px;
}

a{
	text-decoration: none;
	color: black;
}