*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,p,figure,picture{margin:0}body{line-height:1.5;min-height:100vh}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html{-webkit-tap-highlight-color:transparent}:root{--fs-xxs: .875rem;--fs-xs: 1rem;--fs-200: 1.125rem;--fs-300: 1.25rem;--fs-400: 1.5rem;--fs-500: 1.75rem;--fs-600: 2rem;--fs-700: 2.25rem;--fs-800: 2.5rem;--fs-xl: 3rem;--fs-xxl: 3.5rem}@media (min-width: 768px){:root{--fs-xxs: .875rem;--fs-xs: 1rem;--fs-200: 1.125rem;--fs-300: 1.25rem;--fs-400: 1.5rem;--fs-500: 1.75rem;--fs-600: 2.125rem;--fs-700: 2.5rem;--fs-800: 2.75rem;--fs-xl: 3.25rem;--fs-xxl: 4rem}}@media (min-width: 1024px){:root{--fs-xxs: 1rem;--fs-xs: 1.125rem;--fs-200: 1.25rem;--fs-300: 1.5rem;--fs-400: 1.75rem;--fs-500: 2rem;--fs-600: 2.25rem;--fs-700: 2.5rem;--fs-800: 3rem;--fs-xl: 3.5rem;--fs-xxl: 4.5rem}}.fs-xxs{font-size:var(--fs-xxs)}.fs-xs{font-size:var(--fs-xs)}.fs-200{font-size:var(--fs-200)}.fs-300{font-size:var(--fs-300)}.fs-400{font-size:var(--fs-400)}.fs-500{font-size:var(--fs-500)}.fs-600{font-size:var(--fs-600)}.fs-700{font-size:var(--fs-700)}.fs-800{font-size:var(--fs-800)}.fs-xl{font-size:var(--fs-xl)}.fs-xxl{font-size:var(--fs-xxl)}.bold{font-weight:700}:root{--clr-surface: #E8F7F0;--clr-on-surface: #23342F;--clr-primary: #009C5D;--clr-on-primary: #FFFFFF;--clr-surface-container: #D3E6DE;--clr-true: #79E89E;--clr-false: #FA6E75;--clr-surface-variant: #616965;--clr-outline: #98A19C;--clr-outline-variant: #D9D5D5}.bg-surface{background-color:var(--clr-surface)}.bg-on-surface{background-color:var(--clr-on-surface)}.bg-primary{background-color:var(--clr-primary)}.bg-on-primary{background-color:var(--clr-on-primary)}.bg-surface-container{background-color:var(--clr-surface-container)}.bg-true{background-color:var(--clr-true)}.bg-false{background-color:var(--clr-false)}.bg-surface-variant{background-color:var(--clr-surface-variant)}.bg-outline{background-color:var(--clr-outline)}.bg-outline-variant{background-color:var(--clr-outline-variant)}.text-surface{color:var(--clr-surface)}.text-on-surface{color:var(--clr-on-surface)}.text-primary{color:var(--clr-primary)}.text-on-primary{color:var(--clr-on-primary)}.text-surface-container{color:var(--clr-surface-container)}.text-true{color:var(--clr-true)}.text-false{color:var(--clr-false)}.text-surface-variant{color:var(--clr-surface-variant)}.text-outline{color:var(--clr-outline)}.text-outline-variant{color:var(--clr-outline-variant)}button{border:0;padding:.5rem 1.5rem;border-radius:.75rem;border:1.5px solid transparent;background-color:transparent;font-weight:600}button.primary{background-color:var(--clr-primary);color:var(--clr-surface);border-color:var(--clr-primary)}button.primary:active{background-color:#1fa871}button.secondary{background-color:var(--clr-surface);color:var(--clr-on-surface);border-color:var(--clr-outline)}button.secondary:active{background-color:#e5e9e7}.bank{padding:1rem;border:1px solid var(--clr-surface-variant);border-radius:.75rem;display:flex;gap:1rem;justify-content:space-between;align-items:center}.bank:active{background-color:#e5e9e7}.choice{padding:1rem;border-radius:.75rem;display:flex;gap:1rem;align-items:center;background-color:var(--clr-surface-container);color:var(--clr-on-surface)}.choice:active{background-color:#bed3ca}.choice.correct{background-color:var(--clr-true)}.choice.incorrect{background-color:var(--clr-false)}@font-face{font-family:Tajawal;src:url(./Tajawal-Regular.BF6-vjr0.ttf) format("truetype");font-weight:400;font-style:normal}body{font-family:Tajawal,sans-serif;background-color:var(--clr-surface);color:var(--clr-on-surface)}