#game-creator{display:flex;flex-direction:column;height:100%;justify-content:space-around;margin:auto}h2{text-align:center}#game-creator>div{display:flex;justify-content:space-between}#game-creator>span{display:flex;justify-content:space-around}label{font-size:clamp(16px,1rem,60px)}#numQuestionSelector,button,input,select{background-color:#d4af37;border:ridge #f8f8f0;font-size:clamp(16px,.5rem,40px);width:clamp(60px,30%,300px)}#numQuestionSelector{display:flex;justify-content:space-between}.set-number-btn{border:none;border-radius:0;height:100%;width:40%}#num-questions{border:none;text-align:center;width:20%}select option{background-color:#f8f8f0}select option:not(:checked){background-color:#d4af37}#control-btns button{height:3rem}#loading{height:150px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:150px;z-index:99}@media not (orientation:portrait){#game-creator{max-width:70%}h2{font-size:1.2rem}label,select{font-size:.8rem}#control-btns{margin-top:1rem}#control-btns button{height:1.5rem}}#quiz{display:flex;flex-direction:column;height:calc(100vh - 5rem);justify-content:space-between;text-align:center}#question{background-color:#f8f8f0;font-family:Arial,Helvetica,sans-serif;font-size:1rem;margin:1rem}#answers{bottom:2rem;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;margin:1rem auto auto;position:relative;width:90%}.answer-btn{border:none;box-shadow:5px 5px #5a2d9b;font-size:clamp(15px,.5rem,30px);height:-webkit-fit-content;height:fit-content;margin-top:1rem;min-height:3.2rem;width:100%}.answer-btn:active{box-shadow:none;transform:translate(5px,5px)}#progress-and-exit{align-items:baseline;display:flex;justify-content:space-between;margin:auto;width:90%}#progress{font-size:.8rem;padding:0}@media not (orientation:portrait){#question{font-size:.7rem;margin:auto;padding:0 20%;width:60%}#answers{flex-direction:row;width:80%}.answer-btn{min-height:2rem;width:48%}}#results-screen{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-around;text-align:center}#finish-btn{height:3rem;width:80%}@media not (orientation:portrait){#finish-btn{width:40%}}.popup{background-color:#9b111e;border:2px solid #f8f8f0;display:flex;flex-direction:column;font-size:clamp(30px,1rem,40px);height:-webkit-fit-content;height:fit-content;justify-content:space-around;left:50%;padding:.3rem;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:60%;z-index:100}h4{font-size:.4rem}.exit>span{display:flex;justify-content:space-around}.correct button,.incorrect button{margin:auto}.arrow{height:90%;width:90%}.back{transform:rotateY(180deg)}@media not (orientation:Portrait){.popup{width:25%}}@font-face{font-family:grand-duke;src:url(/static/media/kremlin-grand-duke.regular.a515e87b033a91fc9f7c.ttf)}@font-face{font-family:minister;src:url(/static/media/Kremlin%20Minister.30b8802c401947f283b2.ttf)}#app{height:95vh;margin:0;padding:0;position:relative;width:100vw}#game-container{height:calc(100% - 6rem);position:relative}h1{color:#d4af37;font-family:grand-duke,Arial,Helvetica,sans-serif;font-size:4rem;font-weight:800;margin:0;position:relative;text-align:center;text-shadow:5px 5px #5a2d9b}#start{width:100%}#start,#tsar{height:100%;position:relative}#tsar{border-radius:50%;object-fit:cover;pointer-events:none}#begin-btn,#tsar{left:50%;transform:translateX(-50%)}#begin-btn{background-color:#d4af37;border:none;bottom:2rem;box-shadow:0 5px 5px 5px #d4af37;color:#5a2d9b;font-family:minister,Arial,Helvetica,sans-serif;font-size:2rem;height:4rem;position:absolute;text-shadow:0 3px #f8f8f0;width:clamp(200px,60%,600px)}#begin-btn:hover{box-shadow:0 5px 5px 5px #d4af37,0 5px 5px 10px #f8f8f0}#begin-btn:active{color:#f8f8f0;height:calc(4rem - 5px);text-shadow:none}@media not (orientation:portrait){#app{height:100vh}#begin-btn{bottom:1rem;height:3rem;text-shadow:0 5px #f8f8f0}}@font-face{font-family:red-october;src:url(/static/media/Red%20October.ae6eb4d23dd419c53fbe.ttf)}body,html{background-color:#9b111e;color:#0a0a0a;font-family:red-october,Arial,Helvetica,sans-serif;font-size:clamp(8px,4vw,50px);margin:0;overflow:hidden}button{border-radius:5px;font-size:1rem;height:2rem}.exit-btn{color:#9b111e}button:hover{background-color:#f8f8f0}@media not (orientation:portrait){html{font-size:clamp(8px,2.5vw,60px)}button{height:1.5rem}}
/*# sourceMappingURL=main.b96aafbd.css.map*/