*{margin:0}body{align-items:center;background-color:#1e1e1e;color:#fff;display:flex;font-family:Lucida Console,Courier New,monospace;font-size:18px;justify-content:center;min-height:100vh}.header{font-size:3em;margin-bottom:20px}#drum-machine{margin:auto;max-width:700px;text-align:center;width:80%}.wrapper{grid-gap:20px;background-color:#c94c4c;border-radius:15px;display:grid;padding:20px}.pads{grid-gap:15px;display:grid;grid-template-columns:repeat(3,1fr)}.drum-pad{background-color:#fff;border-radius:10px;color:#000;cursor:pointer;font-size:24px;padding:20px;transition:all .2s ease-in-out}.drum-pad:hover{background-color:#f90}.controls{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.power-button{background-color:#86af49;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 15px}.volume-control{align-items:center;color:#fff;display:flex}.volume-control input{margin-left:10px}
/*# sourceMappingURL=main.38f94081.css.map*/