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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{font-family:Impact,sans-serif;letter-spacing:.2rem;margin:0;transition:background-color .3s}.dark-mode body{background-color:#303030;color:#fff}.app{transition:background-color .3s}.dark-mode .app{background-color:#303030;color:#fff}.drum-pads{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.drum-pad{background-color:#fff;border:2px solid #000;border-radius:5px;cursor:pointer;padding:20px;text-align:center;transition:background-color .3s}.drum-pad:hover{background-color:#f0f0f0}.dark-mode .drum-pad{background-color:#303030;border-color:#fff;color:#fff}.dark-mode .drum-pad:hover{background-color:#212121}
/*# sourceMappingURL=main.e24ba175.css.map*/