*{margin:0;padding:0;box-sizing:border-box}.mainBody{height:100vh;background-color:#020230;color:#fff;display:flex;justify-content:space-between}.left{width:75%;background:linear-gradient(to bottom,#0000,#020230),url(/assets/bg-Dz2zLp_P.jpg)}.QsContainer{height:100%;display:flex;flex-direction:column;justify-content:center}.count{height:40%;position:relative}.counter{width:40%;position:absolute;bottom:0;left:80px;display:flex;align-items:center;justify-content:center;color:#fff;border:3px solid white;width:80px;height:80px;text-align:center;border-radius:50%}.qs{height:60%;margin-top:-40px;display:flex;flex-wrap:nowrap;flex-direction:column;align-items:center;justify-content:center}.questionBox{width:900px;text-align:center;font-size:19px;font-weight:600;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;background:linear-gradient(to bottom,#180f53c4,#000001);color:#fff;border:3px solid white;border-radius:5px;padding:20px}.answerBox{width:900px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:30px}.answerBox .option{border:3px solid white;text-align:center;font-size:18px;font-weight:100;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;margin:10px;background-color:#1e033c;box-shadow:inset 0 0 20px 1px #04011a;width:420px;color:#fff;border-radius:5px;padding:15px}.answerBox .option.active,.answerBox .option:hover{background-color:#00f;cursor:pointer}.answerBox .option.correct{animation:anscorrect 3s ease forwards}@keyframes anscorrect{0%,22%,42%{background-color:#1e033c}20%,40%,60%{background-color:#00f}62%,to{background-color:green}}.answerBox .option.wrong{animation:answrong 3s ease forwards}@keyframes answrong{0%,22%,42%{background-color:#1e033c}20%,40%,60%{background-color:#00f}62%,to{background-color:red}}.right{width:25%}.pricesContainer{height:100%}.moneyList{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;height:100%}.moneyListItem{display:flex;align-items:center;list-style:none;padding:5px;border-radius:5px;width:100%}.moneyListItem.active{background-color:#0ff}.moneyListID{margin-left:20px;font-size:20px;font-weight:100;width:30%}.moneyListPrice{font-size:21px;font-weight:200}.finishmsg{text-align:center}.login{width:100%;height:100%;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center}.inputBox{width:25%;padding:10px;border:none;outline:none;background-color:#afadc6;border-radius:6px;margin-bottom:25px}.inputBox:hover{box-shadow:0 0 5px 2px #15e9c9}.btn{padding-inline:30px;padding-block:5px;border-radius:10px;cursor:pointer}.btn:hover{transform:scale(1.09)}