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{background-color:#121212;flex-direction:column;font-family:Arial,sans-serif;height:100vh}.App,.App-header{align-items:center;display:flex;justify-content:center}.App-header{background-color:#282c34;color:#fff;font-size:1.5rem;margin-bottom:20px;padding:20px;text-align:center;width:100%}#drum-machine{align-items:center;background:#222;border-radius:12px;box-shadow:0 5px 15px #0003;display:flex;flex-direction:column;padding:20px}#drum-key-bar{display:flex;flex-direction:row}#display{background:#333;box-shadow:inset 0 3px 5px #0003;font-size:1.2rem;height:50px;line-height:50px;margin-bottom:15px;text-align:center;width:200px}#display,.drum-pad{border-radius:8px;color:#fff;font-weight:700}.drum-pad{align-items:center;background:#444;box-shadow:0 3px 5px #0000004d;cursor:pointer;display:flex;font-size:1.5rem;height:150px;justify-content:center;margin:5px;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none;width:50px}.drum-pad:hover{background:#666}.drum-pad:active{background:#888;transform:scale(.95)}
/*# sourceMappingURL=main.6bd13533.css.map*/