body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#container{display:flex;justify-content:center;margin-top:30px}#drum-machine{background-color:#f0f5d5;border:5px solid #68d4a5;height:500px;width:500px}#drum-machine #display{background-color:#6acc99;box-shadow:2px 2px 7px rgba(0,0,0,.5);color:#fff;font-size:2em;margin:20px auto;padding:5px;text-align:center;width:200px}#drum-machine .drum-pads{grid-gap:0;display:grid;grid-template-columns:repeat(3,1fr);margin-left:80px;width:300px}#drum-machine .drum-pads .drum-pad{align-items:center;background-color:#86bfa2;border-radius:20%;box-shadow:3px 3px 5px rgba(0,0,0,.5);display:flex;height:100px;justify-content:center;margin:5px;width:100px}#drum-machine .drum-pads .drum-pad p{color:#fff;font-size:2.5em}#drum-machine #control{align-items:center;display:flex;flex-direction:column;margin-top:10px}#drum-machine #control .volume-slider{align-items:center;display:flex;margin:20px;width:300px}#drum-machine #control .volume-slider input{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;background-color:#fff;border:none;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 0 5px rgba(0,0,0,.5);-moz-box-shadow:0 0 5px rgba(0,0,0,.5);-ms-box-shadow:0 0 5px rgba(0,0,0,.5);-o-box-shadow:0 0 5px rgba(0,0,0,.5);box-shadow:0 0 5px rgba(0,0,0,.5);-webkit-height:6px;-moz-height:6px;-ms-height:6px;-o-height:6px;height:6px;margin:auto;width:200px}#drum-machine #control .volume-slider input-webkit-::-webkit-slider-thumb{-webkit-appearance:none;-webkit-background-color:#6acc99;-webkit-border-radius:20%;-webkit-box-shadow:0 0 3px rgba(0,0,0,.5);-webkit-cursor:pointer;-webkit-height:25px;-webkit-width:16px}#drum-machine #control .volume-slider input-moz-::-webkit-slider-thumb{-moz-appearance:none;-moz-background-color:#6acc99;-moz-border-radius:20%;-moz-box-shadow:0 0 3px rgba(0,0,0,.5);-moz-cursor:pointer;-moz-height:25px;-moz-width:16px}#drum-machine #control .volume-slider input-ms-::-webkit-slider-thumb{-ms-appearance:none;-ms-background-color:#6acc99;-ms-border-radius:20%;-ms-box-shadow:0 0 3px rgba(0,0,0,.5);-ms-cursor:pointer;-ms-height:25px;-ms-width:16px}#drum-machine #control .volume-slider input-o-::-webkit-slider-thumb{-o-appearance:none;-o-background-color:#6acc99;-o-border-radius:20%;-o-box-shadow:0 0 3px rgba(0,0,0,.5);-o-cursor:pointer;-o-height:25px;-o-width:16px}#drum-machine #control .volume-slider input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#6acc99;border-radius:20%;box-shadow:0 0 3px rgba(0,0,0,.5);cursor:pointer;height:25px;width:16px}.playing{background-color:#ffc64a!important;color:#fff;-webkit-transform:scale(1.1);transform:scale(1.1);transition:-webkit-transform .1s ease;transition:transform .1s ease;transition:transform .1s ease,-webkit-transform .1s ease}
/*# sourceMappingURL=main.eb5857ec.css.map*/