@import url(https://fonts.googleapis.com/css2?family=Alata&display=swap);body{background-color:grey;font-family:Alata,sans-serif;text-align:center}.container{height:100vh;justify-content:center;width:100vw}#drum-machine,.container{align-items:center;display:flex}#drum-machine{background-color:#d3d3d3;border-radius:2%;box-shadow:0 0 25px 8px rgba(0,0,0,.5);flex-direction:column;height:75%;width:75%}#display{background-color:#a9a9a9;border:solid grey;box-shadow:0 0 8px 1px rgba(0,0,0,.5);height:5%;padding:15px;width:75%}#pad-container{align-items:center;display:inline-grid;grid-template-columns:repeat(3,1fr);height:80%;justify-content:center;padding-top:10px;width:80%}.drum-pad{background-color:#a9a9a9;box-shadow:0 0 8px 1px rgba(0,0,0,.5);cursor:pointer;padding:45px}
/*# sourceMappingURL=main.371618d0.css.map*/