*{margin:0;padding:0;box-sizing:border-box}#drum-machine{width:auto;height:100vh;background-image:url(/drum-machine/static/media/drum-img.fdaed15d.jpeg);background-repeat:no-repeat;background-size:100% 100%;font-family:"Poiret One",cursive;font-size:1.2rem}.header{text-align:center;color:#fff;background-color:rgba(231,28,204,.6196078431372549)}.container{height:80vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-evenly;justify-content:space-evenly}#display{width:200px;padding:10px;font-size:2rem;color:#f5f5f5;background-color:rgba(66,204,169,.548);text-align:center;margin:0 auto;border-radius:5px;box-shadow:2px 2px 5px #256246}.drum-pads{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-evenly;justify-content:space-evenly;width:auto;-webkit-align-items:center;align-items:center;margin:0 auto;width:800px}.drum-pad{color:#fff;border:2px solid #ff0;width:60px;height:60px;text-align:center;margin:5px;padding:15px;background-color:rgba(230,46,215,.692);border-radius:5px;cursor:pointer}.drum-pad:focus,.drum-pad:hover{box-shadow:0 0 10px #ff0;background-color:#e62ed7}.active{background-color:rgba(255,255,0,.616);box-shadow:0 0 10px #ff0}p{font-size:.7rem}
/*# sourceMappingURL=main.e5bfd819.chunk.css.map */