@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap";h2{font-size:3rem}@media only screen and (max-width:800px){h2{font-size:2.5rem}}@media only screen and (max-width:500px){h2{font-size:2.2rem}}a{text-decoration:none}section{background-color:#fff;width:100rem;padding:5rem 10rem;margin:10rem auto;border-radius:5rem}@media only screen and (max-width:1100px){section{width:95vw}}@media only screen and (max-width:1000px){section{padding:5rem 8vw;margin:5rem auto}}@media only screen and (max-width:800px){section{padding:3rem 8vw;margin:5vw auto;width:90vw}}*{margin:0;padding:0}*,*:before,*:after{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%;scrollbar-width:thin}body{background-color:#fce8ce;color:#02394b;font-family:IBM Plex Sans Arabic,sans-serif;direction:rtl}@keyframes slide-down{0%{transform:translateY(-5rem)}to{transform:translateY(0)}}@keyframes slide-right{0%{opacity:0}to{opacity:1}}@keyframes slide-left{0%{opacity:0}to{opacity:1}}@keyframes loading{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}.home{display:grid;row-gap:5rem}.home img{width:20rem;margin:auto;max-width:20rem;min-width:13rem}@media only screen and (max-width:800px){.home img{width:30vw}}.home p{font-size:2rem}@media only screen and (max-width:500px){.home p{font-size:1.8rem;font-weight:500}}.home a{font-family:inherit;font-size:2rem;font-weight:500;background-color:#f16623;border-radius:10rem;border:none;padding:1rem 0;color:#fff;text-align:center}@media only screen and (max-width:500px){.home a{font-size:1.8rem;font-weight:500}}.home__colors{display:flex;-moz-column-gap:3rem;column-gap:3rem;margin:1rem 0rem;flex-wrap:wrap;row-gap:1rem}.home__color{display:flex;-moz-column-gap:1rem;column-gap:1rem;align-items:center}.home__color span{height:3rem;width:3rem;border-radius:10rem}.home__color--orange span{background-color:#f16623}.home__color--yellow span{background-color:#f4a81b}.home__color--white span{background-color:#fce8ce}.home__color--blue span{background-color:#02394b}.home__modes{display:flex;row-gap:1rem;margin-top:1rem;flex-direction:column}.home__mode{display:flex;-moz-column-gap:1rem;column-gap:1rem;align-items:center}.home__mode span{height:3rem;width:3rem;border-radius:1rem}.home__mode--orange span{background-color:#f16623}.home__mode--yellow span{background-color:#f4a81b}.home__mode--white span{background-color:#fce8ce}.home__mode--blue span{background-color:#02394b}.colors h2{text-align:center}.colors__grid{margin-top:5rem;display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-content:center;gap:3rem}@media only screen and (max-width:800px){.colors__grid{gap:2rem;margin-top:3rem}}@media only screen and (max-width:600px){.colors__grid{gap:1.5rem}}@media only screen and (max-width:500px){.colors__grid{grid-template-columns:1fr}}.colors__grid>a{border-radius:4rem;display:flex;justify-content:center;align-items:center;text-align:center;font-size:4rem;font-weight:800;padding:3rem;min-height:23rem}@media only screen and (max-width:1000px){.colors__grid>a{font-size:4vw}}@media only screen and (max-width:700px){.colors__grid>a{min-height:20rem;border-radius:3rem}}@media only screen and (max-width:500px){.colors__grid>a{font-size:6vw;min-height:40vw}}.colors__grid--white{background-color:#fce8ce;color:#f16623}.colors__grid--blue{background-color:#02394b;color:#fff}.colors__grid--orange{background-color:#f16623;color:#fce8ce}.colors__grid--yellow{background-color:#f4a81b;color:#fff}.game{min-height:100vh;width:100%;padding:5rem 0 8rem}.game__container{width:95vw;max-width:100rem;margin:auto;text-align:center;display:grid;row-gap:1rem}@media only screen and (max-width:800px){.game__container{width:90vw}}.game svg{width:20rem;height:auto;margin:auto;margin-bottom:5rem}@media only screen and (max-width:800px){.game svg{width:15rem}}.game__title{background-color:#fff;border-radius:10rem;padding:2rem 0}.game__title h2{font-size:3rem}@media only screen and (max-width:800px){.game__title h2{font-size:2.5rem}}@media only screen and (max-width:800px){.game__title h2{font-size:2rem}}.game__question{background-color:#fff;border-radius:4rem;height:40rem;padding:5rem 5rem 1rem;font-size:5rem;font-weight:700;display:grid}@media only screen and (max-width:800px){.game__question{font-size:4rem}}@media only screen and (max-width:500px){.game__question{font-size:3rem}}.game__answer{font-size:2.5rem;font-weight:500;margin-top:auto;rotate:180deg;margin-bottom:1rem}.game button{background-color:#f16623;font-family:inherit;border:none;font-size:2rem;padding:1rem;border-radius:4rem;color:#fff;cursor:pointer}.game button:disabled{opacity:.5;cursor:not-allowed}.game__blue{color:#02394b;background-color:#02394b}.game__blue svg{color:#fce8ce!important}.game__white{color:#02394b;background-color:#fce8ce}.game__white svg{color:#f16623!important}.game__orange{color:#02394b;background-color:#f16623}.game__orange svg{color:#fce8ce!important}.game__orange button{background-color:#02394b}.game__yellow{color:#02394b;background-color:#f4a81b}.game__yellow svg{color:#fce8ce!important}.game__yellow button{background-color:#02394b}.instructions{display:flex;flex-direction:column;row-gap:2rem}.instructions p{font-size:2rem}@media only screen and (max-width:800px){.instructions p{font-size:1.8rem}}.instructions button{background-color:#02394b;font-family:inherit;border:none;font-size:2rem;padding:.5rem;border-radius:4rem;color:#fff;cursor:pointer}.instructions button:disabled{opacity:.5;cursor:not-allowed}.info-btn{position:fixed;display:flex;bottom:1rem;right:1rem;background-color:#fff;padding:1rem;border-radius:10rem;cursor:pointer;box-shadow:0 0 10px #00000046}.info-btn svg{width:3rem;height:3rem;margin:0!important;fill:#02394b}@media only screen and (max-width:800px){.info-btn svg{width:2.5rem;height:2.5rem}}.home-btn{position:absolute;display:flex;top:1rem;left:1rem;background-color:#fff;padding:1rem;border-radius:10rem;cursor:pointer;box-shadow:0 0 10px #00000046}.home-btn svg{width:3rem;height:3rem;margin:0!important;stroke:#f16623}@media only screen and (max-width:800px){.home-btn svg{width:2.5rem;height:2.5rem}}