body{background-color:#212121;font-family:Montserrat,sans-serif}.main-container{background-color:#bdbdbd;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-left:auto;margin-right:auto;margin-top:200px;width:650px;padding:30px;border:5px solid #4db6ac;border-radius:25px}li{list-style-type:none;background-color:#616161;color:#fff;border-radius:10px;box-shadow:2px 2px #000}.grid-container{display:grid;grid-template-columns:auto auto auto;grid-gap:10px;padding:10px}.grid-container>input{-webkit-appearance:none;outline:none;width:100px;text-align:center;align-content:center;padding:20px 0}.pads{font-size:20px;box-shadow:2px 2px #000;border:none;border-radius:5px;color:#fff;background-color:#616161}.button-container{width:100%;display:flex;justify-content:center}button{width:100px;height:30px;margin-top:10px;margin-bottom:10px;box-shadow:2px 2px #000;border-radius:5px}button:focus{outline:0}.control-panel{display:flex;flex-direction:column;justify-content:space-between}.sound-name{width:200px;height:50px;background-color:#616161;color:#fff;text-align:center}.slide-container,.slider{width:100%}.slider{margin-top:10px;height:-50px}.slider:hover{opacity:1}.slider::-webkit-slider-thumb{cursor:pointer}@media only screen and (max-width:730px){.main-container{max-width:280px;justify-content:center;margin-top:100px;margin-left:auto;margin-right:auto}}
/*# sourceMappingURL=main.03d4dd12.chunk.css.map */