*{color:#fff;font-family:Roboto,sans-serif}body{background-color:#f6f6f6}#drum-machine{align-items:center;background-color:#111;border-radius:5px;box-shadow:2px 5px 10px silver;display:flex;flex-direction:row;justify-content:space-around;padding:2rem;width:500px}input[type=range]{cursor:pointer}.keyboard{width:240px}.drum-pad{background-color:#ee9406;border-radius:5px;border-style:none;font-size:30px;font-weight:700;height:60px;margin:5px;width:70px}button:hover{opacity:.7;transition:all .5s ease}button:active{-webkit-transform:scale(.98);transform:scale(.98)}#root{align-items:center;display:flex;flex-direction:row;justify-content:center;min-height:100vh}button{background:#323232;border-radius:4px;border-style:none;cursor:pointer;margin-right:8px;padding:8px;width:60px}
/*# sourceMappingURL=main.be1314a8.css.map*/