.container{text-align:center;margin:50px}.whole-drum{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;grid-template-rows:1fr 1fr 1fr;margin:50px auto;width:min-content}.drum-pad{width:100px;height:100px;border:2px solid #2f2f2f;background-color:#3f3f3f;color:#fff;font-size:20px;border-radius:8px;box-shadow:4px 4px 10px #00000043;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-scheme:light dark;color:#ffffffde;background-color:#242424}*{padding:0;margin:0}.logo{padding-left:20%;padding-top:2%}