@import url(https://fonts.googleapis.com/css?family=Fira+Code:300,regular,500,600,700);*{padding:0;margin:0;box-sizing:border-box}body{font-family:"Fira Code",monospace;background-color:grey}#drum-machine{display:flex;justify-content:center;align-items:center;min-height:100vh}.drum-container{display:flex;flex-wrap:wrap;width:400px;padding:20px;margin-right:2rem;border-radius:5px;box-shadow:3px 3px 5px rgba(0,0,0,.4)}.drum-pad{font-size:2rem;font-weight:600;width:100px;height:80px;margin:10px;border-radius:5px;display:flex;justify-content:center;align-items:center;box-sizing:border-box;cursor:pointer;color:#daa520;border:2px solid #4682b4;box-shadow:3px 3px 5px rgba(0,0,0,.6)}.playing{transform:scale(1.1);transition:.4s cubic-bezier(.86,0,.07,1);border-color:#fff8dc;box-shadow:0 0 1rem #deb887}.display-box{background-color:#f8f8ff;width:300px;height:100px;margin:15px auto;padding:25px;font-size:1.5rem;text-align:center;font-weight:800}
/*# sourceMappingURL=main.c592bee1.chunk.css.map */