html,body,#root{width:100%;height:100%;margin:0;padding:0}body{background:#8ab42a}a{color:#000}input[type=range]{display:block;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#001e06;border-radius:5px;width:100%;height:2px;outline:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background-color:#003e0c;width:25px;height:25px;border-radius:50%;cursor:pointer;transition:.3s ease-in-out}input[type=range]::-webkit-slider-thumb:active{transform:scale(1)}