#canvas{
	background-color:black;
	cursor:none;
}


body{
    font-size: 2vh;
	background-color:black;
	color:white;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
}

.slider{
    -webkit-appearance: none;
    appearance: none;
	width: 15vh;
    height: 2vh;
    background: none;
    outline-color:white;
    outline-width:1px;
    outline-style:solid;
    opacity:1;
}

.slider::-webkit-slider-thumb{
    -webkit-appearance: none;
    appearance: none;
    width:3vh;
    height:2vh;
    background: linear-gradient(to left, transparent 10%, white 10%, white 90%, transparent 90%);
    cursor: pointer;
}

.slider::-moz-range-thumb{
    width: 10px;
    height: 10px;
    background:white;
    cursor: pointer;
}