body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:#adbac7;background-color:#22272e;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{border:none;background-color:transparent;color:#adbac7}.topButton{display:table-cell;height:100px;width:24%;font-size:30px;padding:0}.sideButton{width:100%;height:100%;font-size:30px}.colorSlider{width:80%;height:150px}input[type=range]{width:85%;margin:5px 0 5px 5%;background-color:transparent;-webkit-appearance:none}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background:#3171a9;border:.9px solid #010101;border-radius:1.3px;width:100%;height:10px;cursor:pointer}input[type=range]::-webkit-slider-thumb{margin-top:-40.9px;width:40px;height:90px;background:#fff;border:1px solid #424343;border-radius:2px;cursor:pointer;-webkit-appearance:none}input[type=range]:focus::-webkit-slider-runnable-track{background:#377ebd}input[type=range]::-moz-range-track{background:#3171a9;border:.9px solid #010101;border-radius:1.3px;width:100%;height:10px;cursor:pointer}input[type=range]::-moz-range-thumb{width:40px;height:90px;background:#fff;border:1px solid #424343;border-radius:2px;cursor:pointer}input[type=range]::-ms-track{background:transparent;border-color:transparent;border-width:21px 0;color:transparent;width:100%;height:10px;cursor:pointer}input[type=range]::-ms-fill-lower{background:#2b6495;border:.9px solid #010101;border-radius:2.6px}input[type=range]::-ms-fill-upper{background:#3171a9;border:.9px solid #010101;border-radius:2.6px}input[type=range]::-ms-thumb{width:29px;height:50px;background:#fff;border:1px solid #424343;border-radius:2px;cursor:pointer;margin-top:0}input[type=range]:focus::-ms-fill-lower{background:#3171a9}input[type=range]:focus::-ms-fill-upper{background:#377ebd}