#drum-machine{width:600px;height:300px;box-shadow:1px 1px 40px 0 rgba(0,0,0,.45);border-bottom:2px solid #fff;border-right:2px solid #fff;margin:10% auto 0;background-size:cover;border-radius:5px;overflow:hidden}#display{display:grid;grid-template-columns:.01fr .01fr .01fr;grid-gap:10px;padding:25px 25px 5px}.drum-pad{background:#ec3646;height:75px;width:75px;display:flex;justify-content:center;align-items:center;box-shadow:0 10px 10px hsla(0,0%,39.2%,.9);cursor:pointer;transition:all .25s cubic-bezier(.02,.01,.47,1);border-radius:3px;border:1px solid #555353;color:#f8f2e3;margin:0 1em;padding:.25em 1em;font-size:1rem;font-family:"Comic Sans MS",cursive,sans-serif}.drum-pad:hover{box-shadow:0 15px 15px rgba(0,0,0,.16);border-color:#efcbae;background-color:#d41121;color:#faf9fa}.hit{height:50px;width:100px;margin-left:380%;margin-top:-150px;font-size:24px;color:#000;display:flex;justify-content:flex-end}
/*# sourceMappingURL=main.c3efc08d.chunk.css.map */