:root{scrollbar-width:none}*{margin:0;padding:0;border:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}img{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}@font-face{font-family:Roboto-Regular;src:url(../fonts/Roboto-Regular.woff2) format("woff2")}@font-face{font-family:Roboto-Mono;src:url(../fonts/RobotoMono-Regular.woff2) format("woff2")}html{font:100% Roboto-Regular}html{font-size:15px}@media screen and (min-width: 320px){html{font-size:calc(15px + 17 * (100vw - 320px) / 880)}}@media screen and (min-width: 1200px){html{font-size:32px}}body{background:radial-gradient(circle,rgb(82,194,204) 0%,rgb(60,177,188) 50%,rgb(1,133,146) 100%);min-height:100vh;height:100%;background-repeat:no-repeat;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;-ms-overflow-style:none;scrollbar-width:none;overflow-y:scroll;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body::-webkit-scrollbar{display:none}header{display:flex;justify-content:center;align-items:center;width:100%}header .logo{padding:8% 0;max-width:50%;height:auto}@font-face{font-family:Roboto-Regular;src:url(../fonts/Roboto-Regular.woff2) format("woff2")}@font-face{font-family:Roboto-Mono;src:url(../fonts/RobotoMono-Regular.woff2) format("woff2")}main{padding:0 8% 0%}main #container{padding:5%;width:90%;height:100%;border-radius:25px;background-color:#fff}main #container a,main #container button{color:#000;text-decoration:none}main #container button.feedback-button{background-color:#08cddf}main #container h1,main #container p{font-weight:400;text-align:center}main #container h1{margin-bottom:10px}main #container p{line-height:120%}main #container img{display:block;margin:0 auto;padding:5% 5% 0;max-width:80%;height:auto}main #container button{background-color:#ffd600;margin-top:5%;font-size:130%;width:100%;height:60px;border-radius:50px}main #container .input-box{margin-top:5%;display:flex;justify-content:space-evenly}main #container .input-box input{font-family:Roboto-Mono;text-transform:uppercase;background-color:#e8e8e8;width:30%;aspect-ratio:3/4;font-size:400%;text-align:center;border-radius:20px;outline:none}main #container .input-box input::placeholder{color:#e1e1e1}main #container img.outro{margin-top:5%;padding:0;max-width:100%}main .img-responsive{display:block;margin:0 auto;padding:5% 5% 0;max-width:125%;height:auto}main #controller{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:1;overflow:hidden;display:flex;justify-content:center;align-items:center}@media (orientation: portrait){main img#controllerImage{transform:rotate(0);width:60%}}@media (orientation: landscape){main img#controllerImage{transform:rotate(-90deg);max-width:30%}}footer{display:flex;justify-content:center;align-items:center;width:100%}footer img{padding:5% 0;max-width:75%;height:auto}