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;background:#0f2027;background:linear-gradient(90deg,#2c5364,#203a43,#0f2027)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.container{width:80%;margin-top:250px}.drum-pad{width:60%;display:flex;flex-flow:row wrap;justify-content:space-around}.drum-control{margin:0 auto;justify-content:space-evenly}.btn{width:30%;margin:5px;height:100px;background:transparent;color:#fff;border:1px solid #fff}.display{width:200px;margin:15px auto;box-sizing:border-box}.control,.display{color:#fff;padding:15px}.control{width:100%;background:transparent;border:1px solid #fff}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.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:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.c911476e.chunk.css.map */