@font-face{font-family:digital;src:url(../fonts/DS-DIGI.63f874d1.TTF);font-weight:400;font-style:normal}@font-face{font-family:digitalI;src:url(../fonts/DS-DIGIT.223f2246.TTF);font-weight:italic}*{touch-action:manipulation}body{background-color:#000;overflow:hidden}div#display{display:flex;justify-content:center}div#display h1{align-self:center;font-family:digitalI;text-align:center;color:#333;font-size:18vw;margin:0}div#display h1 span{color:red;width:20vw;display:inline-block}@media screen and (min-width:420px){div#display.toggled{height:100vh}}@media screen and (max-width:420px){div#display{height:45vh}}div.controls{position:absolute;bottom:0;left:0;right:0}div.controls__body .flex{display:flex;justify-content:center}div.controls__body .flex .buttons{flex-grow:1;display:flex;flex-direction:column}@media screen and (min-width:420px){div.controls__body.toggle{display:none}}div.controls__body button{font-family:digital;background:none;color:red;font-size:4vw;height:13vh;border-color:red}div.controls__body button:focus{outline:none;box-shadow:none}div.controls__body button.highlight{background-color:rgba(255,0,0,.2)}div.controls__body button#play{width:100%}div.controls .controls__toggle{font-size:1.4rem;text-align:center;position:absolute;right:2vw;height:34px;width:34px;background:red;color:#000;border-radius:10%;opacity:.4;padding:0;top:-12vh}@media screen and (max-width:420px){div.controls .controls__toggle{display:none}}div.controls .controls__toggle:hover{opacity:1}div.controls .controls__toggle:focus{outline:none;box-shadow:none}.highlight{color:orange!important}