:root{background-color:#8469f8;margin:10px}#drum-machine{margin:1rem auto 0;max-width:800px;padding:2rem;background:linear-gradient(to bottom right,rgb(94,94,94) 12.5%,#fcfcfc 25%,rgb(94,94,94) 50%,#eeeeee 75%,rgb(94,94,94) 100%);border-radius:8px;box-shadow:0 2px 2px #0006;border:2px outset rgba(255,255,255,.125)}#display{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;text-align:center;text-transform:uppercase;padding:1px;color:#000;margin-bottom:.25rem;border:2px solid black;border-radius:3px}.keyPad{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:.25rem;height:50vh}.keyPad #Heater-1{background-color:#093;border-radius:3px}.keyPad #Heater-2{background-color:#adff2f;border-radius:3px}.keyPad #Heater-3{background-color:#d0ff00;border-radius:3px}.keyPad #Heater-4{background-color:#ff4500;border-radius:3px}.keyPad #Clap{background-color:orange;border-radius:3px}.keyPad #Open-HH{background-color:#fffb00;border-radius:3px}.keyPad #Kick-n\'-Hat{background-color:purple;border-radius:3px}.keyPad #Kick{background-color:#8a2be2;border-radius:3px}.keyPad #Closed-HH{background-color:#b96f72;border-radius:3px}.drum-pad{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;text-align:center;text-transform:uppercase;border-radius:12px;cursor:pointer}.credits{margin-top:6rem;color:#202020;text-align:center}