@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);.background,.container,.quiz,body,html{height:100%;width:100%}.erase-bt,.rot-bt,body,html{user-select:none}.background,.container,.erase-bt,.lionheart,.quiz,.quiz-container,.rot-bt{display:flex}:root{--background-color:#03305e;--backgroundT:#0a4d8b}body,html{margin:0;padding:0;overflow:hidden}.container{flex-direction:column;align-items:center}.background{background-color:var(--background-color);align-items:center;justify-content:center;flex-direction:column}.quiz{background-color:var(--backgroundT);border:1px solid #5c7292;left:.8%;padding:10px;scale:0.85;bottom:00%;position:relative;flex-direction:column;align-items:center;justify-content:center}.quiz-container,.quiz-input,.quiz-input-box{border:1px solid #5c7292;padding:5px}#langPercentage,.lionheart,.rot-bt{position:absolute}.quiz-input-box{display:flex;width:100%;gap:3px}.quiz-input{background-color:var(--background-color);height:30px;color:#fff;font-size:1.2rem;font-family:roboto;width:100%}.quiz-input:focus{outline:#6b5547 solid 2px}.erase-bt{width:45px;border:1px solid #5c7292;background-color:rgba(255,0,0,.2);justify-content:center;align-items:center}.erase-bt:hover{cursor:pointer;filter:brightness(1.4);scale:1.1}.backspace{scale:1.65;background-color:#c73e3e;margin-right:0}.quiz-container{font-size:1.2rem;height:100%;width:100%;margin-top:10px;overflow-y:scroll;flex-direction:column;gap:5px}.false,.true{padding:10px;font-family:roboto;border:1px solid #fff}.true{background-color:rgba(100,200,100,.8)}.false{background-color:rgb(255 120 120 / 80%)}.rot-bt{left:0;top:.3%;margin:1.2%;background-color:#03305e;height:40px;width:40px;align-items:center;justify-content:center;filter:brightness(1.2);border:2px solid #5c7292;border-radius:100%;flex-direction:column}.rot-bt span{font-weight:200;font-style:normal;font-size:207%;opacity:90%}.rot-bt:hover{cursor:pointer;filter:brightness(2)}.lionheart{width:10.7%;scale:0.5;left:-1.5%;bottom:-4%;flex-direction:column}.lionheart img{clip-path:circle(50% at 50% 50%);width:90%;align-self:center}.lionheart img:hover{scale:1.03}.lionheart p{color:#fff;font-size:1.3vw;text-align:center;margin-top:.5vw}#langPercentage{top:10px;right:10px;padding:10px;background-color:rgba(0,0,0,.7);color:#fff;border-radius:5px;font-size:16px}@media (min-width:2560px){.erase-bt,.quiz-input{border:1px solid #5c7292}.quiz-container div{font-size:1vw}.erase-bt span,.quiz-input{font-size:1.3vw}.quiz-input{background-color:var(--background-color);height:80px;color:#fff;padding:5px;font-family:roboto;width:100%}.erase-bt{width:100px;background-color:rgba(255,0,0,.2);display:flex;justify-content:center;align-items:center;user-select:none}.rot-bt span{font-size:2.5vw}.rot-bt{height:110px;width:110px}#langPercentage{font-size:1.1vw}}