:root{--improv-bg:teal;--drone-bg:#3cb371;--text-color:#707070}body,html{margin:0;background:teal}@media(min-width:576px){html text{font-size:13px}}@media(min-width:768px){html text{font-size:14px}}@media(min-width:992px){html text{font-size:15px}}@media(min-width:1200px){html text{font-size:16px}}#app{font-family:Raleway,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wrapper{width:100%;height:calc(var(--vh, 1vh)*100)}#canvas,.wrapper{position:absolute}.knob circle{fill:#fff}.knob text{text-anchor:middle;fill:var(--text-color);font-family:Raleway,sans-serif;font-size:1.2em}.icons{font-family:FontAwesome!important}.improv-circle{fill:#fff;opacity:.45}.drone-area{fill:var(--drone-bg)}.controls{position:absolute;bottom:10px;margin:0 auto;width:100%;text-align:center;font-size:45px}.controls .play{color:#fff}.controls .play:hover{cursor:pointer}*{-webkit-tap-highlight-color:transparent!important}:focus{outline:none!important}