@import"https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900;1000&family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap";header.svelte-18pcy1b.svelte-18pcy1b{position:sticky;top:1rem;z-index:9999;max-width:var(--max-width);width:var(--width);margin:auto}.wrapper.svelte-18pcy1b.svelte-18pcy1b{display:flex;align-items:center;justify-content:space-between;margin:auto;z-index:9999;padding:.4rem 1.5rem;border-radius:var(--cards-radius);top:1rem;width:100%;direction:ltr;color:var(--main-color);box-shadow:var(--shadows-color);background:var(--header-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-moz-backdrop-filter:blur(10px);-o-backdrop-filter:blur(10px);-ms-backdrop-filter:blur(10px)}#navBar.svelte-18pcy1b.svelte-18pcy1b{display:flex;align-items:center}#navBar.svelte-18pcy1b a.svelte-18pcy1b{color:var(--text-color);margin:.25rem;transition:.7s ease}#navBar.svelte-18pcy1b a.svelte-18pcy1b:hover{color:var(--main-color)}img.svelte-18pcy1b.svelte-18pcy1b{height:3rem}#rightBox.svelte-18pcy1b.svelte-18pcy1b{display:flex;flex-direction:row;gap:4px}#rightBox.svelte-18pcy1b .iconify.svelte-18pcy1b{color:var(--text-color);transition:.7s ease;cursor:pointer;display:flex}#rightBox.svelte-18pcy1b .iconify.svelte-18pcy1b:hover{color:var(--main-color)}#navMenu.svelte-18pcy1b.svelte-18pcy1b{display:none}.menu.svelte-18pcy1b.svelte-18pcy1b{display:flex;gap:1rem;width:15rem;position:absolute;top:5rem;right:0rem;border-radius:var(--cards-radius);flex-direction:column;padding:1rem;box-shadow:var(--shadows-color);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);-moz-backdrop-filter:blur(10px);-o-backdrop-filter:blur(10px);-ms-backdrop-filter:blur(10px);background:var(--header-color)}.menu.svelte-18pcy1b button.svelte-18pcy1b{color:var(--text-color);display:flex;transition:.7s ease;cursor:pointer;align-items:center}.menu.svelte-18pcy1b button p.svelte-18pcy1b{padding:0 2px}.menu.svelte-18pcy1b button.svelte-18pcy1b:hover{color:var(--main-color)}.menu.svelte-18pcy1b .iconify.svelte-18pcy1b{margin:0 .25rem}@media (max-width: 600px){#navBar.svelte-18pcy1b.svelte-18pcy1b{display:none}#navMenu.svelte-18pcy1b.svelte-18pcy1b{display:flex}}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;text-decoration:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}html::-webkit-scrollbar{width:.2rem}html::-webkit-scrollbar-track{background:var(--background-color)}html::-webkit-scrollbar-thumb{background:linear-gradient(to top left,#516762,#c5eee6);border-radius:5rem}body{background-color:var(--background-color)}section{min-height:70vh;width:var(--width);max-width:var(--max-width);margin:auto;overflow:hidden}button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.arabic{direction:rtl;font-family:Cairo,sans-serif}.latin{direction:ltr;font-family:Noto Sans JP,sans-serif}.iconify{height:1.6em;width:1.6rem}#title .latin{font-size:clamp(2rem,3vw,3rem);color:var(--text-color);background:linear-gradient(to right,var(--main-color) 15%,var(--text-color) 70%);background-size:100% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;display:inline-block}#title .arabic{font-size:clamp(2rem,3vw,3rem);color:var(--text-color);background:linear-gradient(to left,var(--main-color) 15%,var(--text-color) 70%);background-size:100% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;display:inline-block}#title:after{content:" ";position:absolute;left:0;bottom:0;border-bottom:5px solid var(--main-color);border-radius:50px;z-index:-1;width:100%}:root{--p-size: clamp(.85rem, 1vw, 1rem);--h1-size: clamp(3.4rem, 4.8vw, 4.5rem);--max-width: 75rem;--width: 95%;--cards-radius: 12px;--buttons-radius: 5px;--form-radius: 10px;--background-color: rgb(24, 24, 24);--background-color2: #1b1b1b;--text-color: #fff;--main-color: #ee4561;--header-color: rgb(24, 24, 24, .8);--shadows-color: 0 0px 4px rgba(255, 255, 255, .274);--p-color: rgb(173, 166, 166);--buttons-border: #55555d}
