:root{--mainbuttoncolor:rgba(243, 180, 88, .8);--mainbuttonbackground:linear-gradient(rgba(243, 155, 88, .8), rgba(243, 190, 88, .8));--selectbuttoncolor:rgba(120, 190, 240, .9);--selectbuttoncolorcorrect:#44ee44;--selectbuttoncolorfalse:rgb(246, 74, 44);--textcolor:white;--texthovercolor:rgb(246, 74, 44);--gutter:1rem;--maxwidthcontent:800px}body{margin:0;width:100vw;height:100vh;overflow:scroll;font-family:helvetica,verdana,arial;-ms-overflow-style:none;scrollbar-width:none}@-moz-document url-prefix(){html{scrollbar-width:none}}body::-webkit-scrollbar{display:none}a{font-family:helvetica,verdana,arial;color:var(--selectbuttoncolor);text-decoration:none}h1,h2,h3,h4,p,ul,li{font-family:helvetica,verdana,arial;color:#fff;text-shadow:0 0 1px rgba(0,0,0,.4);text-align:center;transition:text-shadow .4s}h1 span,h2 span,h3 span,h4 span,p span,ul span,li span{outline:none!important}h1{font-size:36px}h2{font-size:32px}h3{font-size:29px}h4,p,ul,li{font-size:24px}.hover{cursor:pointer}.hover:hover{text-shadow:0 0 4px var(--texthovercolor)}.gridwrapper{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:10px;grid-auto-rows:auto;max-width:var(--maxwidthcontent);margin:auto}.gridwrapper__main{grid-column:span 3}.gridwrapper__option{grid-column:span 2}.gridwrapper__input{grid-column:span 6}.container{margin:auto;width:100%;max-width:var(--maxwidthcontent)}@media screen and (min-width: 600px){h1{font-size:48px}h2{font-size:39px}h3{font-size:33px}h4,p,ul,li{font-size:28px}}@media all and (display-mode: standalone){.hideinapp{display:none}}@media (pointer: fine){.hideindesktop{display:none}}