@import"https://fonts.googleapis.com/css?family=Walter+Turncoat";*,*:before,*:after{box-sizing:border-box}body{font-weight:700;padding-top:2rem;display:grid;place-items:center;font-family:Noto Naskh Arabic,serif;font-optical-sizing:auto;font-size:20px;background-color:#249fac;color:#fff}header{display:flex;justify-content:center;align-items:center;width:100%;max-height:80px}header img{max-width:130px;aspect-ratio:1/1}h1,h2{font-size:clamp(2.4rem,1.8rem + 2vw,2.8rem);line-height:130%;opacity:.85;margin-bottom:clamp(2rem,-1rem + 10vw,4rem)}p{font-size:clamp(1.4rem,1.225rem + 1vw,1.6rem);margin:0;opacity:.85}#quiz{width:90%;max-width:850px;min-width:400px;min-height:600px;padding:2rem 2rem 4rem;text-align:center;background-size:100% 100%;direction:rtl}#quiz .question-container{display:none}#quiz .intro{display:grid;justify-content:center}#quiz .intro h1{min-height:auto;margin-bottom:2rem}#quiz .intro h2{min-height:auto;margin-bottom:3rem;font-size:2.2rem;font-style:italic}#quiz.intro-hidden .question-container{display:block}#quiz.intro-hidden .intro{display:none}#quiz .multiple-choice{display:grid;grid-template-columns:repeat(auto-fit,300px);justify-content:center;grid-row-gap:2rem;gap:2rem}button{display:block;position:relative;width:100%;min-height:100px;padding:1rem 2rem;color:#fff;background-color:transparent;background-size:100% 100%;border:none;font-size:1.35rem;line-height:150%;letter-spacing:.05rem;text-transform:uppercase;-webkit-user-select:none;user-select:none;cursor:pointer;transition:transform .35s ease,color .35s ease;border:1px solid snow;border-radius:25px}button:hover{transform:scale(1.15)}button:after{position:absolute;margin:auto;top:10%;right:1.5rem;font-size:1.4rem;background-color:transparent}