body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#09d3ac}#drum-machine{max-width:668px;border:3px solid #bdb9b7;margin:50px auto;background:#efebe9;font-family:sans-serif}.drum-pad{width:95%;height:80px;display:inline-block;padding:15px 25px;font-size:16px;cursor:pointer;text-align:center;color:#000;background-color:#ca9b52;border:none;border-radius:15px;box-shadow:0 4px #999}.drum-pad:focus{outline:none}.drum-pad-active,.drum-pad:active{background-color:#c66900;box-shadow:0 5px #666;transform:translateY(4px)}.slider{-webkit-appearance:none;width:250px;height:7px;outline:none;opacity:.8;transition:opacity .2s;margin:20px 0;background-color:#ca9b52}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:15px;background:#fff;cursor:pointer;border-radius:180px}.slider::-moz-range-thumb{width:25px;height:25px;background:#fff;cursor:pointer}#switch-div p{margin-bottom:5px}.switch{position:relative;display:inline-block;width:55px;height:25px;margin-bottom:15px;background-color:#c66900}.switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;transition:.4s}.switch-slider:before{position:absolute;content:"";height:15px;width:15px;left:10px;bottom:4px;background-color:#fff;transition:.4s}input:checked+.switch-slider{background-color:#ca9b52}input:focus+.switch-slider{box-shadow:0 0 1px #ca9b52}input:checked+.switch-slider:before{transform:translateX(26px)}#display{background-color:#ca9b52;width:200px;margin:15px auto;padding:15px;box-sizing:border-box}
/*# sourceMappingURL=main.7584b531.chunk.css.map */