body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#app{background:#dbac85;min-height:100vh;height:100%;font-size:1.2rem;color:#6e3c13;font-weight:700}:root{--border-shadow-pad:0 10px 6px -6px #6e3c13;--border-shadow-display:inset 0 0 10px #6e3c13;--setting-width:20vw}#drum-machine{position:relative;top:30vh}h1{font-family:monospace;padding:10px}#display{box-shadow:inset 0 0 10px #6e3c13;box-shadow:var(--border-shadow-display);height:30vh}#display,#set-selector{background:#ffddc2}#set,#volume{min-height:100px}#formControlRange{-webkit-appearance:none;margin:18px 0;width:20vw;width:var(--setting-width)}#formControlRange:focus{outline:none}#formControlRange::-webkit-slider-runnable-track{height:7px;cursor:pointer;background:#ffddc2;border-radius:2px}#formControlRange::-webkit-slider-thumb{height:30px;width:13px;border-radius:3px;background:#6e3c13;cursor:pointer;-webkit-appearance:none;margin-top:-10px}#formControlRange:focus::-webkit-slider-runnable-track{background:#ffddc2}#formControlRange::-moz-range-track{height:7px;cursor:pointer;background:#ffddc2;border-radius:2px}#formControlRange::-moz-range-thumb{height:30px;width:13px;border-radius:3px;background:#fff;cursor:pointer}#formControlRange::-ms-track{height:7px;cursor:pointer;background:transparent;border-color:transparent;color:transparent}#formControlRange::-ms-fill-lower,#formControlRange::-ms-fill-upper{background:#ffddc2;border-radius:3px}#formControlRange::-ms-thumb{height:30px;width:13px;border-radius:3px;background:#6e3c13;cursor:pointer}#formControlRange:focus::-ms-fill-lower,#formControlRange:focus::-ms-fill-upper{background:#ffddc2}#set-selector{color:#6e3c13;font-weight:700;border:none;width:20vw;width:var(--setting-width);cursor:pointer}#set-selector:focus{border:none;box-shadow:none}@media screen and (max-width:550px){:root{--setting-width:100%}#drum-machine{top:4vh}.wrapper{display:flex;flex-direction:column}.row__A{order:1}.row__B{order:2}.row__C{order:3}#volume{padding-top:1vh}#set{display:flex;justify-content:center;align-items:center}}.drum-pad{border-radius:5px;box-shadow:var(--border-shadow-pad);height:40px;margin:8px 0;background:#b57f53;color:#ffddc2;cursor:pointer}.pressed{background:#ffddc2;color:#6e3c13}
/*# sourceMappingURL=main.630f9cc6.chunk.css.map */