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;height:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{align-items:center;background:#1e1e2f;color:#fff;display:flex;font-family:Arial,sans-serif;justify-content:center;margin:0;min-height:100vh}#drum-machine{background:#2b2b40;border-radius:12px;box-shadow:0 8px 20px #0006;display:flex;flex-direction:column;gap:1rem;max-width:900px;padding:1.5rem;width:100%}main>p{font-size:1.5rem;font-weight:700;margin:0;text-align:center}#content-wrapper{display:flex;flex-wrap:wrap;gap:2rem}#pad-wrapper{flex-direction:column}#pad-wrapper,.pad-row{display:flex;gap:1rem}.drum-pad{background:#446;border:none;border-radius:8px;box-shadow:0 4px #224;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;height:80px;transition:all .1s ease-in-out;width:80px}.drum-pad:active{background:#668;box-shadow:0 0 #224;transform:translateY(4px)}#display{align-items:center;background:#112;border-radius:8px;display:flex;flex:1 1;flex-direction:column;font-size:1.1rem;gap:1rem;justify-content:center;min-width:200px;padding:1rem;text-align:center}#display p{font-size:xx-large;font-weight:700;margin:0 0 1rem}#controls{align-items:center;display:flex;flex-direction:column;width:100%}#volume{accent-color:#9370db;width:100%}@media (max-width:1024px){#drum-machine{max-width:700px;padding:1rem}.drum-pad{font-size:1rem;height:70px;width:70px}}@media (max-width:768px){#content-wrapper{align-items:center;flex-direction:column;gap:1.5rem}.pad-row{gap:.8rem;justify-content:center}.drum-pad{height:65px;width:65px}}@media (max-width:480px){#drum-machine{gap:.7rem;padding:.8rem}main>p{font-size:1.2rem}.drum-pad{font-size:.9rem;height:55px;width:55px}#display{font-size:1rem;min-width:auto;padding:.8rem}}
/*# sourceMappingURL=main.f6d317ba.css.map*/