*{font-family:'PT Sans',sans-serif}button{background:none;border:2px solid #000;color:#000;padding:5px}button:disabled{border:2px solid grey;color:grey}input[type=range]{width:100%;-webkit-appearance:none;margin:0}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:25px;cursor:pointer;box-shadow:0 4px 4px rgba(0,0,0,.3) inset;background:linear-gradient(to right,#890ff6,#e804b2 40%,#f80b4d 65%,red);border-radius:30px;border:0 solid #010101;margin-bottom:0}#slider-color2::-webkit-slider-runnable-track{width:100%;height:25px;cursor:pointer;box-shadow:0 4px 4px rgba(0,0,0,.3) inset;background:linear-gradient(to right,#5b65b6,#2c3fd7 40%,#0411ff 65%,#0411ff);border-radius:30px;border:0 solid #010101;margin-top:5px}input[type=range]::-webkit-slider-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;height:26px;width:26px;border-radius:20px;background:#fff;cursor:pointer;-webkit-appearance:none}#slide:before{content:attr(min);position:absolute;bottom:0;left:0;color:#000;font-size:1rem}#slide:after{content:attr(max);position:absolute;bottom:0;right:0;padding:0;color:#000;font-size:1rem}#val{font-size:1.6rem;position:absolute;left:0;bottom:40px;width:100px}.form{height:100px;display:flex;justify-content:space-evenly;align-items:center;flex-direction:column}h1{margin:0}