@import url(https://fonts.googleapis.com/css?family=Orbitron|Oswald);body{margin:0;padding: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;background:#30f}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{width:60%;height:100vh;margin:0 auto}.App,.container{display:flex;align-items:center}.container{background:#fff;width:100%;height:60%;justify-content:space-evenly;border:.5px solid hsla(0,0%,78.4%,.3);border-radius:15px;box-shadow:10px 10px hsla(0,0%,78.4%,.3)}.ButtonPad{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;grid-column-gap:10px;grid-row-gap:10px}.btn{position:relative;width:90px;height:90px;border:1px solid rgba(255,105,22,.5);border-radius:2px;background:rgba(255,105,22,.5);box-shadow:3px 3px rgba(255,105,22,.9);font-size:25px;color:#fff;cursor:pointer}.btn-active,.btn:active{box-shadow:2px 1px rgba(255,105,22,.9);top:2px}.ControlPad{display:flex;flex-direction:column;justify-content:space-evenly;border:1px solid rbga(200,200,200,.5);width:30%;height:70%;font-family:Oswald,sans-serif;color:#333}.toggleControl{display:flex;align-items:center;justify-content:space-between}.information-screen{width:70%;margin:15px auto;padding:25px;background:#333;border-radius:5px;color:#ff6916;text-align:center;font-family:Orbitron,sans-serif;font-weight:700;font-size:1.1rem}h3{display:inline-block;margin:0;padding:0;color:rbga(200,200,200,.5)}input[type=checkbox]{width:0;height:0;visibility:hidden}label{cursor:pointer;text-indent:-9999px;width:80px;height:30px;background:grey;display:block;border-radius:100px;position:relative}label:after{content:"";position:absolute;top:5px;left:5px;width:20px;height:20px;background:#fff;border-radius:50%;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}input:checked+label{background:#bada55}input:checked+label:after{left:calc(100% - 5px);-webkit-transform:translateX(-100%);transform:translateX(-100%)}label:active:after{width:130px}.volume-control{-webkit-appearance:none;width:100%;height:7px;border-radius:5px;background-color:#18003e;outline:none;padding:0;margin:0}.volume-control::-webkit-slider-thumb{padding:0;margin:0;-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#ff6916;cursor:pointer}.volume-control::-webkit-slider-thumb:hover{background:#b95516}
/*# sourceMappingURL=main.662eca06.chunk.css.map */