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}.App{background-color:#151414;display:flex;height:100vh;justify-content:center}.container{display:flex;flex-direction:column}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.drumpad-container{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:23vh}.drum-pad{align-items:center;background-color:#3b2a91;border:1px solid;color:#fff;cursor:pointer;display:flex;height:100px;justify-content:center;transition:all .3s;width:100px}.drum-pad:hover{background-color:#c3e613!important}.controls{color:#fff;text-align:center}.vol-bar{color:bisque;margin-left:10px;margin-top:20px;width:60%}.controls button{border-radius:10px;cursor:pointer;margin:10px;outline:none;padding:10px;transition:.3s}.controls button:hover{background-color:#3b2a91;border:none;color:#fff;-webkit-transform:scale(1.1);transform:scale(1.1)}
/*# sourceMappingURL=main.9d309f64.css.map*/