:root{--background-color:#777}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}:root{--drum-machine-color:#25252f}#drum-machine{background-color:#25252f;background-color:var(--drum-machine-color);border:4px solid #ff0;border-radius:10px;height:400px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:850px}.drum-pad-holder{display:flex;flex-wrap:wrap;gap:10px;height:260px;left:75px;position:relative;top:70px;width:260px}:root{--drum-pad-color:#4b4b4b;--drum-pad-hover:#696969;--drum-pad-active:#2c2c2c}.drum-pad-div{border:3px solid #ff0;height:75px;width:75px}button{background-color:#4b4b4b;background-color:var(--drum-pad-color);border:#0000;color:#fff;font-size:38px;height:100%;width:100%}button:hover{background-color:#696969;background-color:var(--drum-pad-hover)}.active,button:active{background-color:#2c2c2c;background-color:var(--drum-pad-active)}#display{background-color:#a9a9a9;border:2px solid #000;height:45px;position:absolute;right:100px;top:100px;width:125px}p{height:100%;text-align:center;width:100%}
/*# sourceMappingURL=main.6a23b3d6.css.map*/