@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Karla:wght@400;700&display=swap";:root{--introPage-BGColor:#F5F7FB;--introPage-buttonBG-paragraghColor:#4D5B9E;--introPage-textColor2:#293264}*,*:before,*:after{box-sizing:border-box;padding:0;margin:0}body{max-width:100vw;background-color:var(--introPage-BGColor);overflow-x:hidden!important}body:after{content:"";background:url(/images/bg-2.png) no-repeat;background-size:contain;background-position-x:3em;width:12rem;aspect-ratio:1/1;position:absolute;z-index:-1;top:-3em;right:0em}body:before{content:"";background:url(/images/bg-1.png) no-repeat;transform:rotate(180deg);background-size:contain;background-position-x:3em;width:20rem;aspect-ratio:1/1;position:absolute;z-index:-1;bottom:-3em;left:-6em}h1{color:var(--introPage-textColor2);font-size:clamp(2rem,.741vw + 1.852rem,2.5rem)}h2{color:var(--introPage-textColor2);font-size:1.125rem;margin-block:.3em}button:focus{border:none!important;outline:none}.introPage{font-family:Karla,sans-serif;width:80%;text-align:center;position:absolute;top:30vh;left:0;right:0;margin:auto}.startQuizBtn{border:none;background-color:var(--introPage-buttonBG-paragraghColor);font-size:1rem;padding:.8em;width:13rem;color:#fff;border-radius:15px;margin-top:1em;font-family:inherit;cursor:pointer;transition:.4s ease-in-out}.startQuizBtn:hover{transform:scale(1.1)}.desc{color:var(--introPage-buttonBG-paragraghColor);margin-top:.3em}.user-inputSection{position:absolute;top:3em;text-align:center;left:0;right:0;width:70%;margin:auto;font-family:Karla,sans-serif}.user-inputSection form label,.user-inputSection form select{display:block}.user-inputSection label{margin-top:2em;color:#fb0;background-color:#4d5b9e;border-radius:20px;padding:.4em;font-size:1.3rem}.user-inputSection select{margin-top:.4em;width:50%;margin-inline:auto;text-align:center;height:2.5em;font-family:Inter,sans-serif;font-size:.9rem;color:var(--introPage-textColor2);cursor:pointer}.submit-btn{display:flex;align-items:center;justify-content:space-between;margin-block:2em;border:none;background-color:var(--introPage-textColor2);color:-white;width:25%;border-radius:20px;margin-inline:auto;font-family:inherit;cursor:pointer;transition:.3s}.submit-btn:hover img{transform:rotate(180deg)}.submit-btn:hover pre{opacity:.5}.user-inputSection pre{color:#fff;border:none;text-transform:uppercase;margin-left:1em;font-size:1.3rem}.submit-btn>img{max-width:3.5em;display:block;justify-self:end;transition:.3s;margin-left:.3em}@media (max-width:40rem){.submit-btn{width:50%;padding:.4em .6em}.submit-btn pre{font-size:1rem}.submit-btn>img{max-width:2em;border-radius:20px;margin:0}}.error-message{position:absolute;top:6em;right:0;left:0;margin-inline:auto;max-width:60%;text-align:center;font-family:Inter,sans-serif;color:#ff0040;font-size:1.4rem}.error-message button{border:none;border-radius:10px;padding:.5em 1em;font-family:inherit;font-size:1rem;cursor:pointer;color:#fff;background-color:red;margin-top:1em}.error-message button:hover{background-color:#fff;color:red;border:2px solid red}main{max-width:90%;margin-inline:auto;margin-block:4em;position:relative}.question__answer{font-family:Inter,sans-serif;padding-block:.3em .7em;border-bottom:1px solid rgb(155,155,182);margin-block:.6em}.answers{display:flex;flex-wrap:wrap}.question__answer button{border:1px solid var(--introPage-buttonBG-paragraghColor);font-size:.9rem;margin:.4em;color:var(--introPage-textColor2);border-radius:.6em;padding:.4em .5em;cursor:pointer;transition:.3s;font-family:inherit;background-color:#fff}.question__answer button:hover{background-color:#d4e4f1;transform:scale(1.1)}.isCorrect:hover,.isSelected:hover,.isWrong:hover,.notSelected:hover{transform:none!important;cursor:default!important}.isSelected{background-color:#d6dbf5!important}.isSelected:hover{background-color:#d6dbf5}.notSelected{opacity:.4}.notSelected{background-color:initial!important}.isWrong,.isWrong:hover{background-color:#f8bcbc!important}.isCorrect,.isCorrect:hover{background-color:#94d7a2!important}.score{font-size:1.5rem;font-family:Karla,sans-serif;color:var(--introPage-buttonBG-paragraghColor)}.loading{position:absolute;top:8em;right:0;left:0;margin:auto}.check-result{border:none;display:block;font-family:Karla,sans-serif;font-size:inherit;position:relative;right:0;left:0;margin:2em auto auto;cursor:pointer;background-color:var(--introPage-buttonBG-paragraghColor);color:#fff;padding:1em;border-radius:15px;transition:.3s}.check-result:hover{background-color:var(--introPage-textColor2);text-transform:uppercase}@media (min-width:40rem){body:after{width:18rem;top:-6em}.desc,.startQuiz-btn{margin-block:.5em 1em}main{width:70%;margin-inline:auto}}