body,html{background:#bdbdbd;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}@media only screen and (max-width:612px){#drum-machine{flex-direction:column}}#root{align-items:center;display:flex;flex-direction:column;height:100vh;width:100vw}small{bottom:0;margin-bottom:1em;position:absolute;text-align:center;width:100%}#drum-machine{align-items:center;background-color:#faebd7;display:flex;height:50%;justify-content:space-around;margin:auto;width:55%}#keys{grid-column-gap:0;grid-row-gap:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}button{background:brown;border-radius:15%;color:#fff;cursor:pointer;font-size:large;font-weight:700;margin:.25em;padding:2em}button:hover{background:#ae3a3a}button:focus{background:#4d1414}#options{font-weight:700;-webkit-user-select:none;user-select:none}#options,#volume_container{align-items:center;display:flex;flex-direction:column}#volume_container{margin-bottom:2em}input{cursor:pointer}.slider_container{align-items:center;display:flex;flex-direction:column}.slider_container label{margin-bottom:.5em}.slider_container input{-webkit-appearance:none;appearance:none;background-color:#000;color:red;width:2em}.slider_container input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#41c595;height:1.25em;width:1em}#display{background-color:#000;color:#fff;font-weight:700;padding:1em;text-align:center;-webkit-user-select:none;user-select:none}
/*# sourceMappingURL=main.070e3dc8.css.map*/