.container{border-radius:16px;box-shadow:0 0 25px #0009;color:#fff;margin:60px auto;max-width:500px;overflow:hidden;padding:30px;position:relative;text-align:center;z-index:0}.container:before{background:#00000080;content:"";inset:0;position:absolute;z-index:-1}.display{background-color:#000000b3;border-radius:8px;color:#0f8;font-family:monospace;font-size:1.4em;margin-bottom:25px;padding:12px 20px}.pad-container{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.drum-pad{background-color:#000;border:2px solid #ffffff4d;border-radius:10px;cursor:pointer;font-size:1.6rem;font-weight:700;padding:28px 0;transition:background .2s ease;-webkit-user-select:none;user-select:none}.drum-pad:hover{background-color:#ffffff4d}.drum-pad:active{background-color:#0f86;border-color:#0f8}
/*# sourceMappingURL=main.d65babe8.css.map*/