.container{text-align:center;margin:50px}.whole-drum{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:20px;margin:50px auto;width:min-content}.drum-pad{width:100px;height:100px;border-radius:50%;background-color:#3f3f3f;color:#fff;transition:all .2s ease-in-out}.drum-pad:active{transform:translate(4px,4px)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#242424}*{margin:0;padding:0}