*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:gray;height:100vh;justify-content:center;width:100vw}.App,.DrumKit{align-items:center;display:flex}.DrumKit{background-color:#a9a9a9;border:5px solid orange;flex-wrap:nowrap;position:relative;width:45%}.controlPanel{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;width:50%}.display{background-color:gray;font-size:1.2rem;margin-bottom:15px;padding:12px 0;text-align:center;width:70%}.logo{align-items:center;display:flex;font-family:Times New Roman,Times,serif;font-size:.8rem;font-weight:700;position:absolute;right:5px;top:2px}.logo>i{color:blue;font-size:.7rem;margin-top:2px}.PadGroup{display:flex;flex-direction:column;justify-content:center;padding:20px;width:55%}.row{flex-wrap:nowrap;height:100%;margin:auto;width:100%}.drum-pad{align-items:center;background-color:gray;border-radius:10px;box-shadow:3px 3px 3px rgba(0,0,0,.9);display:flex;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;font-weight:bolder;height:80px;justify-content:center;text-align:center;width:100%}.flash-animation{-webkit-animation:flash .75s linear 1;animation:flash .75s linear 1}@-webkit-keyframes flash{0%{background-color:gold}to{background-color:gray}}@keyframes flash{0%{background-color:gold}to{background-color:gray}}.ToggleSwitch{margin:15px;padding:2px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.toggleLabel{font-size:1rem;font-weight:700;margin-bottom:-.05rem;text-align:center}.switch{display:inline-block;height:24px;position:relative;width:50px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#000;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:blue;bottom:3px;content:"";height:18px;left:4px;width:20px}input:checked+.slider{background-color:#000}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);transform:translateX(22px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.SliderBar{width:80%}.range,.slidecontainer{width:100%}.range{-webkit-appearance:none;appearance:none;background:#222020;border:2px solid #000;border-radius:3px;height:7px;opacity:.7;outline:none;transition:opacity .2s}.range:hover{opacity:1}.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:blue;border:1px solid #000;cursor:pointer;height:25px;width:10px}.range::-moz-range-thumb{background:blue;border:2px solid #000;cursor:pointer;height:25px;width:10px}
/*# sourceMappingURL=main.4b2b65a5.css.map*/