._footer_13zaw_1{background-image:linear-gradient(-45deg, var(--header-color), var(--hover-color));color:var(--background-color);text-align:center;padding:20px}._logo_13zaw_8{font-family:Tajawal-bold;font-size:2.2rem}._icons_13zaw_13{margin:1.25rem auto}._icons_13zaw_13 a{color:var(--background-color);margin:0 .625rem;font-size:2.5rem}._icons_13zaw_13 a:hover{color:var(--card-color)}._navbar_12gpm_1{border-bottom:.07rem solid var(--card-color);justify-content:space-between;align-items:center;height:10vh;padding:1.25rem 5%;display:flex}._logo_12gpm_10{color:var(--header-color);font-weight:700}._navbarList_12gpm_15 ._listBar_12gpm_15{display:none}._navbarList_12gpm_15 ._list_12gpm_15{list-style:none;display:flex}._navbarList_12gpm_15 ._list_12gpm_15 ._logo_12gpm_10{display:none}._navbarList_12gpm_15 ._list_12gpm_15 li a{color:var(--white-color);cursor:pointer;margin:0 .625rem;font-family:Tajawal;text-decoration:none;display:block;font-size:14px!important}._navbarList_12gpm_15 ._list_12gpm_15 li a:hover{color:var(--hover-color);transition:all .2s;transform:translateY(-.2rem)}._navbarList_12gpm_15 ._list_12gpm_15 ._icons_12gpm_44{display:none}._icons_12gpm_44{color:var(--header-color);font-size:1.5rem;display:flex}._icons_12gpm_44 svg{cursor:pointer;margin:0 .35rem;display:block}._icons_12gpm_44 svg:hover{color:var(--hover-color)}@media (width<=768px){._navbar_12gpm_1{height:fit-content}._navbarList_12gpm_15 ._listBar_12gpm_15{display:block}._icons_12gpm_44,._navbarList_12gpm_15 ._list_12gpm_15{display:none}._navbarList_12gpm_15 ._list_12gpm_15 ._icons_12gpm_44{display:block}._navbarList_12gpm_15:hover ._list_12gpm_15{background-color:var(--card-color);text-align:center;border-radius:.3125rem;flex-direction:column;justify-content:space-around;width:90%;height:100vh;padding:1.25rem;font-size:2rem;display:flex;position:absolute;top:0}html[dir=rtl] ._navbarList_12gpm_15:hover ._list_12gpm_15{left:0}html[dir=ltr] ._navbarList_12gpm_15:hover ._list_12gpm_15{right:0}._navbarList_12gpm_15 ._list_12gpm_15 ._logo_12gpm_10{display:block}._navbarList_12gpm_15 ._list_12gpm_15 li a{margin:.93rem auto}._navbarList_12gpm_15 ._list_12gpm_15 ._icons_12gpm_44{justify-content:center;margin:1.25rem auto;font-size:3rem;display:flex}._icons_12gpm_44 svg{margin:0 2rem}}@media (width>=768px) and (width<=992px){._navbar_12gpm_1{height:fit-content}}._about_1bjgs_1{background-image:url(/images/Wave%20Line.png);background-size:cover}._content_1bjgs_6{text-align:center;width:70%;margin:.625rem auto 0;font-size:1.5rem;line-height:1.6}._content_1bjgs_6 span{color:var(--header-color)}@media (width<=992px){._content_1bjgs_6{width:85%;font-size:1.6rem}}._contactUs_yf3ti_1{grid-template-columns:repeat(2,1fr);width:90%;margin:6rem auto;display:grid}._contactUs_yf3ti_1 header{height:100%;font-size:2.3rem}._contactUs_yf3ti_1 ._contactForm_yf3ti_13 form{text-align:center;padding:1.25rem}._contactUs_yf3ti_1 ._contactForm_yf3ti_13 form input,._contactUs_yf3ti_1 ._contactForm_yf3ti_13 form textarea{background-color:var(--card-color);width:90%;color:var(--font-color);border:none;border-radius:.35rem;min-height:3rem;margin:1rem auto;padding:1rem;font-size:1.1rem}._contactUs_yf3ti_1 ._contactForm_yf3ti_13 form textarea{resize:none;height:18.75rem}._contactUs_yf3ti_1 ._contactForm_yf3ti_13 form input:focus-visible,._contactUs_yf3ti_1 ._contactForm_yf3ti_13 form textarea:focus-visible{outline:none;outline:.07rem solid var(--hover-color)}@media (width>=350px) and (width<=992px){._contactUs_yf3ti_1{grid-template-columns:repeat(1,1fr)}._contactUs_yf3ti_1 header{text-align:center;font-size:1.8rem}}._hero_y09hc_1{width:90%;margin:0 auto;display:flex}._hero_y09hc_1 ._header_y09hc_7{text-align:right;width:50%}html[dir=ltr] ._hero_y09hc_1 ._header_y09hc_7{text-align:left}._header_y09hc_7 h3{font-size:1.8rem}._header_y09hc_7 h1{color:var(--white-color);font-family:Tajawal-bold;font-size:4rem}._header_y09hc_7 h2{font-size:2.2rem}._img_y09hc_30{width:50%}._img_y09hc_30 img{width:90%;height:90%;margin-right:auto}@media (width<=1024px){._hero_y09hc_1{flex-direction:column;justify-content:center}._hero_y09hc_1 ._header_y09hc_7,html[dir=ltr] ._hero_y09hc_1 ._header_y09hc_7{text-align:center;width:100%}._img_y09hc_30{width:80%;margin:4rem auto 0}._img_y09hc_30 img{width:100%}}@media (width<=768px){html[dir=ltr] ._hero_y09hc_1 ._header_y09hc_7 h1{font-size:3rem}}._projects_tbnax_1{padding:3rem 0}._projectsContainer_tbnax_5{width:90%;margin:2rem auto}._project_tbnax_1{background-color:var(--card-color);align-items:center;gap:1rem;margin:1.5rem auto;padding:2rem;display:flex}._project_tbnax_1:nth-child(2n){flex-direction:row-reverse}._project_tbnax_1 ._content_tbnax_23{flex-direction:column;justify-content:center;width:50%;padding:0 1.5rem;display:flex}._project_tbnax_1 h1{color:var(--white-color);border-bottom:.35rem solid var(--header-color);margin:0 0 .625rem;padding:0 0 .625rem;font-size:1.2rem}._project_tbnax_1 p{margin:1rem 0 2rem}._project_tbnax_1 ._content_tbnax_23 ._skils_tbnax_43{width:100%;margin:1rem 0}._project_tbnax_1 ._content_tbnax_23 ._skils_tbnax_43 ._skil_tbnax_43{filter:grayscale();width:auto;height:3.125rem;margin:0 .625rem;display:inline-block}._project_tbnax_1 ._content_tbnax_23 ._skils_tbnax_43 ._skil_tbnax_43:hover{filter:grayscale(0)}._project_tbnax_1 ._btnContainer_tbnax_60{text-align:right}html[dir=ltr] ._project_tbnax_1 ._btnContainer_tbnax_60{text-align:left}._project_tbnax_1 ._btnGithub_tbnax_68{background-color:var(--background-color);color:var(--font-color);background-image:none}._project_tbnax_1 ._btnGithub_tbnax_68:hover{background-color:var(--hover-color);color:var(--white-color);transform:.2s}._project_tbnax_1 ._img_tbnax_80{width:50%}@media (width>=1920px){._project_tbnax_1 h1{font-size:2.5rem}._project_tbnax_1 p{font-size:1.8rem}._project_tbnax_1 ._content_tbnax_23 ._skils_tbnax_43 ._skil_tbnax_43{height:4.5rem}}@media (width<=1024px){._project_tbnax_1,._project_tbnax_1:nth-child(2n){flex-direction:column-reverse}._project_tbnax_1 ._content_tbnax_23{text-align:center;width:100%;margin:1.25rem auto .625rem}._project_tbnax_1 ._content_tbnax_23 ._skils_tbnax_43 ._skil_tbnax_43{width:auto;margin:.625rem}._project_tbnax_1 ._btnContainer_tbnax_60,html[dir=ltr] ._project_tbnax_1 ._btnContainer_tbnax_60{text-align:center}._project_tbnax_1 ._img_tbnax_80{width:100%}}._skils_bwpwh_1{padding:3rem 0}._SkilsContainer_bwpwh_5{flex-wrap:wrap;justify-content:center;align-items:center;gap:5rem;width:90%;margin:3.125rem auto 0;display:flex}._SkilsContainer_bwpwh_5 section{border-radius:50%;height:11.5rem;padding:.1rem}._SkilsContainer_bwpwh_5 img{width:7rem;filter:grayscale(1) drop-shadow(0 0 1px var(--white-color));margin:auto;display:block}._SkilsContainer_bwpwh_5 img:hover{filter:grayscale(0) drop-shadow(0 0 2px var(--hover-color));transition:all .2s}@media (width>=350px) and (width<=767px){._SkilsContainer_bwpwh_5{grid-template-columns:repeat(3,1fr)}}@media (width>=768px) and (width<=992px){._SkilsContainer_bwpwh_5{grid-template-columns:repeat(4,1fr)}}*{box-sizing:border-box;margin:0;padding:0;font-family:Tajawal}:root{--background-color:#1d1d23;--card-color:#282833;--header-color:#01a7c2;--hover-color:#007090;--font-color:#a2a1a6;--white-color:#eaebed}::selection{color:var(--white-color);background:var(--header-color)}@font-face{font-family:Tajawal;src:url(/assets/Tajawal-Regular-BF6-vjr0.ttf)}@font-face{font-family:Tajawal-bold;src:url(/assets/Tajawal-Medium-BEy05kv0.ttf)}html[data-theme=dark]{--background-color:#1d1d23;--card-color:#282833;--header-color:#01a7c2;--hover-color:#007090;--font-color:#a2a1a6;--white-color:#eaebed}html[data-theme=light]{--background-color:#eaebed;--card-color:#dfe0e1;--header-color:#007090;--hover-color:#01a7c2;--font-color:#282833;--white-color:#1d1d23}body{background-color:var(--background-color);color:var(--font-color)}a{color:inherit;font-family:Tajawal-bold;font-size:500px;text-decoration:none}button{font-family:Tajawal-bold;font-size:500px}img{width:100%}.page{min-height:100vh}.page>header{color:var(--header-color);text-align:center;font-size:2rem}@media (width<=1024px){.page{min-height:60vh;padding:3rem 0}}.center{flex-direction:column;justify-content:center;display:flex}.btn-container{text-align:center}.btn{background-image:linear-gradient(45deg, var(--hover-color), var(--header-color));cursor:pointer;background-color:var(--hover-color);color:#eaebed;text-align:center;border:none;border-radius:.315rem;min-width:12rem;margin:2.5rem .625rem 0;padding:1rem 1.5rem;font-size:1.2rem;display:inline-block}.btn svg{margin:0 .35rem}.btn:hover{background-image:none;transition:all .2s}@media (width<=1024px){.btn{width:80%}}