@import url(https://fonts.googleapis.com/css?family=Share+Tech+Mono);@font-face{font-family:Digital;src:url(//db.onlinewebfonts.com/t/8e22783d707ad140bffe18b2a3812529.eot);src:url(//db.onlinewebfonts.com/t/8e22783d707ad140bffe18b2a3812529.eot?#iefix) format("embedded-opentype"),url(//db.onlinewebfonts.com/t/8e22783d707ad140bffe18b2a3812529.woff2) format("woff2"),url(//db.onlinewebfonts.com/t/8e22783d707ad140bffe18b2a3812529.woff) format("woff"),url(//db.onlinewebfonts.com/t/8e22783d707ad140bffe18b2a3812529.ttf) format("truetype"),url(//db.onlinewebfonts.com/t/8e22783d707ad140bffe18b2a3812529.svg#Digital-7) format("svg")}body{background:radial-gradient(closest-side,#5d3d28,#432719,#391c06)}#drum-machine{background:radial-gradient(#999,#545454);border-color:#545454;border-radius:60px;border-style:groove outset outset groove;border-width:2px 8px 12px 3px;box-shadow:-10px -10px 50px outset #ffffffe3;flex-wrap:wrap;height:350px;margin-left:33%;margin-top:15%;padding:20px 20px 10px 80px;width:600px}#drum-machine,.drum-pad{align-items:center;display:flex}.drum-pad{background:linear-gradient(145deg,#3e3e3e,#1a1a1a);border:2px solid #000;border-radius:5px;box-shadow:0 5px #000;cursor:pointer;height:90px;justify-content:center;margin:5px;transition:all .1s ease-in-out;width:90px}.drum-pad:active{background:linear-gradient(145deg,#5d6f72,#2a2a2a);box-shadow:0 2px #000;transform:translateY(3px)}#display-container{background:#0a1418;border:1.5px ridge hsla(0,0%,64%,.788);border-radius:5px;box-shadow:inset 0 0 7px hsla(0,0%,85%,.776);color:aqua;font-size:32px;height:35px;margin-top:20px;text-align:left;text-transform:uppercase;width:180px}#display-container,#volume-display{font-family:digital,sans-serif;margin-left:-10px;padding:10px}#volume-display{background:#172720;border:1.5px ridge hsla(0,0%,64%,.788);border-radius:10px;box-shadow:inset 0 0 7px hsla(0,0%,100%,.776);color:rgba(5,255,143,.808);font-size:28px;height:20px;margin-bottom:20px;text-align:center;width:40px}h1{-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;background-color:#000;color:#0000;font-family:Times New Roman,Times,serif;font-size:2em;text-shadow:0 1.5px 1px #ababab80}.row{display:flex;justify-content:center;width:100%}.col-3{flex:0 0;padding:5px 0 0 5px}.col-3,.col-9{max-width:100%}.col-9{flex:0 0 75%;padding:10px}.side-tools{display:grid;position:sticky}[type=range]{-webkit-appearance:none;background:#0000;height:12px;margin:0;outline:none;padding:0;width:100%}[type=range]:focus{outline:none}[type=range]::-webkit-slider-runnable-track{background:#6c6c6c;border:.5px groove hsla(0,0%,40%,.596);border-radius:0;box-shadow:inset 1px 2px 2px rgba(0,0,0,.829);cursor:pointer;height:6px;width:100%}[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#723c25;border:1.5px outset #2a201c;box-shadow:2px 2px 5px rgba(0,0,0,.707);cursor:pointer;height:25px;margin-top:-11px;width:12px}[type=range]:focus::-webkit-slider-runnable-track{background:linear-gradient(90deg,#b0b0b0 0,#b0b0b0 45%,#444 0,#444 55%,#b0b0b0 0,#b0b0b0)}[type=range]::-moz-range-track{background:#6c6c6c;border:.5px groove hsla(0,0%,40%,.596);border-radius:0;box-shadow:inset 1px 2px 2px rgba(0,0,0,.829);cursor:pointer;height:6px;width:100%}[type=range]::-moz-range-thumb{-webkit-appearance:none;background:#723c25;border:1.5px outset #2a201c;box-shadow:2px 2px 5px rgba(0,0,0,.707);cursor:pointer;height:25px;margin-top:-12px;width:10px}[type=range]::-ms-track{background:#0000;border-color:#0000;color:#0000;cursor:pointer;height:6px;width:100%}[type=range]::-ms-fill-lower,[type=range]::-ms-fill-upper{background:linear-gradient(90deg,silver 0,silver 45%,#333 0,#333 55%,silver 0,silver);border:1px solid #999;border-radius:0;box-shadow:inset 0 0 2px #00000080}[type=range]::-ms-thumb{background:#723c25;border:1px solid #522c1b;box-shadow:2px 2px 5px rgba(0,0,0,.707);cursor:pointer;height:25px;margin-top:-12px;width:10px}[type=range]:focus::-ms-fill-lower,[type=range]:focus::-ms-fill-upper{background:linear-gradient(90deg,#b0b0b0 0,#b0b0b0 45%,#444 0,#444 55%,#b0b0b0 0,#b0b0b0)}
/*# sourceMappingURL=main.63e6a895.css.map*/