:root{--pri-color:gray;--sec-color:#9acd32;--app-bckg:#000;--b-rad:5px}*{box-sizing:border-box;margin:0;padding:0}body{height:100vh}#root{height:100%;width:100%}.ActionContainer_container__DEjEq{align-items:center;display:flex;flex-direction:column;justify-content:space-between;row-gap:10px}@media only screen and (max-width:768px){.ActionContainer_container__DEjEq{padding:10px!important}}.SwitchBtn_container__qOsv6{align-items:center;display:flex;justify-content:space-between;margin:auto}.SwitchBtn_label__\+qUKy{color:var(--pri-color);font-style:italic;font-weight:700;margin-right:5px}.SwitchBtn_btn__opZ0A{align-items:center;border:none;border-radius:var(--b-rad);box-shadow:2px 2px 5px inset var(--app-bckg);cursor:pointer;display:flex;height:40px;justify-self:flex-start;padding:5px;width:80px}.SwitchBtn_btn__opZ0A.SwitchBtn_active__TgJYB{background-color:var(--sec-color);justify-content:flex-start}.SwitchBtn_btn__opZ0A.SwitchBtn_notActive__fBQkl{background-color:var(--pri-color);justify-content:flex-end}.SwitchBtn_circle__ySZ0r{align-items:center;background-color:var(--app-bckg);border-radius:50%;display:flex;height:100%;justify-content:space-between;padding:0 3px;width:50%}.SwitchBtn_status__lNX\+y.SwitchBtn_active__TgJYB{color:var(--sec-color)}.SwitchBtn_status__lNX\+y.SwitchBtn_notActive__fBQkl{color:var(--pri-color)}.SwitchBtn_smallCircle__NMhpA{border-radius:50%;height:30%;width:30%}.SwitchBtn_smallCircle__NMhpA.SwitchBtn_active__TgJYB{background-color:var(--sec-color)}.SwitchBtn_smallCircle__NMhpA.SwitchBtn_notActive__fBQkl{background-color:var(--pri-color)}.Volume_container__Ea965{align-items:center;column-gap:10px;display:flex;flex-direction:column;justify-content:space-around;margin-top:20px;width:80%}.Volume_input__0oAWF{-webkit-appearance:none;appearance:none;background:var(--pri-color);border-radius:5px;cursor:pointer;height:10px;min-width:80%;outline:none;position:relative;width:100%}.Volume_input__0oAWF::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--sec-color);border-radius:50%;cursor:pointer;height:20px;width:20px}.Volume_input__0oAWF::-moz-range-thumb{background:var(--sec-color);border-radius:50%;cursor:pointer;height:20px;width:20px}.Volume_volContainer__sWWNE{margin-bottom:20px}.Volume_vol__wp-ge{color:var(--pri-color);font-weight:700;margin-top:10px;visibility:hidden}.Volume_input__0oAWF:hover+.Volume_vol__wp-ge{visibility:visible}.Volume_value__Wr1gR{font-size:larger}.drum-pad{align-items:center;background-color:var(--pri-color);border-radius:var(--b-rad);box-shadow:2px 2px 5px #d3d3d3;color:var(--app-bckg);cursor:pointer;display:flex;font-weight:700;justify-content:center}.ItemsContainer_container__YoTxC{grid-column-gap:20px;grid-row-gap:20px;color:red;column-gap:20px;display:grid;grid-template-columns:1fr 1fr 1fr;height:100%;row-gap:20px}@media only screen and (max-width:768px){.ItemsContainer_container__YoTxC{column-gap:10px;row-gap:10px}}#drum-machine{grid-column-gap:10px;background-color:var(--app-bckg);border:2px solid var(--sec-color);border-radius:var(--b-rad);box-shadow:5px 5px 5px gray;column-gap:10px;display:grid;grid-template-columns:2fr 1fr;height:60%;padding:10px;width:60%}@media only screen and (max-width:768px){#drum-machine{grid-template-columns:1fr!important;grid-template-rows:1fr 1fr!important;height:70%;width:80%!important}}.AuthorLabel_name__VqToO{color:var(--sec-color);font-family:fantasy;font-size:18px;font-weight:700}.AppTitle_title__gnqKI{color:var(--app-bckg);font-size:5rem;font-size:bold;font-style:italic;text-shadow:2px 2px 2px var(--sec-color)}@media only screen and (max-width:768px){.AppTitle_title__gnqKI{font-size:3rem}}.App{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;row-gap:10px;width:100%}#display,.App{background-color:var(--pri-color)}#display{border-radius:var(--b-rad);color:var(--app-bckg);min-height:30px;padding:5px 10px;text-align:center;width:80%}
/*# sourceMappingURL=main.78beb74a.css.map*/