.navbar_navbar__jP4A8{font-size:20pt;letter-spacing:2pt;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:scroll;transition:all 2s}.navbar_navbar__jP4A8 ul{padding-bottom:20%;margin-top:10%;position:relative}.navbar_navbar__jP4A8 ul li{margin-left:20%;margin-right:20%;margin-top:8%;list-style-type:none;border:30px;text-align:center;font-size:14pt;color:hsla(0,0%,100%,.73);letter-spacing:8pt;justify-content:stretch;--size:52px;width:250px;height:40px;background:linear-gradient(#fff var(--size),transparent 0 calc(100% - var(--size)),#fff 0) 0 0 /1px 100%,linear-gradient(#fff var(--size),transparent 0 calc(100% - var(--size)),#fff 0) 100% 0 /1px 100%,linear-gradient(to right,#fff var(--size),transparent 0 calc(100% - var(--size)),#fff 0) 0 0 /100% 1px,linear-gradient(to right,#fff var(--size),transparent 0 calc(100% - var(--size)),#fff 0) 0 100% /100% 1px;background-repeat:no-repeat;position:relative}.navbar_buttonLink__DDZ6C{position:absolute;inset:1px;padding:2% 5%;transition:all .5s}.navbar_buttonLink__DDZ6C:hover{background-color:rgba(113,178,235,.486)}.navbar_about_background__LVIts{background:linear-gradient(180deg,rgba(2,178,189,.8) 5%,rgba(118,37,2,.792) 90%)}.navbar_skills_background__273xh{background:linear-gradient(180deg,#83d351,rgba(4,34,80,.912));transition:all 1s}.navbar_projects_background__UrdTQ{background:linear-gradient(180deg,#d36951,rgba(2,54,131,.583))}.navbar_connect_background__WshnM{background:linear-gradient(180deg,#51ccd3,#2e2801)}.navbar_mobileNavBarItem__syGPG{font-size:21pt;position:relative;width:200px;text-align:right;margin-bottom:10%}.navbar_mobileNavBarItem__syGPG:after{content:"";position:absolute;width:100px;height:1px;background-color:#fff;bottom:50%;left:103%}.navbar_mobileNavBar__eKH4z{width:100%;height:100%;z-index:10;position:fixed;transition:all .5s;overflow:hidden}.navbar_mobileNavBarNotActive__k19bS{width:6%;height:100%;padding:0x}.navbar_mobileNavBarContainer__CX25_{position:relative;top:30%;right:0}.navbar_mobileNavBarContainer__CX25_ div{left:40%}.navbar_expandedSvg__6yqBB{position:absolute;bottom:0;left:75%;top:75vh}.navbar_azzam__3v5RT{color:hsla(0,0%,100%,.73);letter-spacing:28px;font-size:30pt;padding-left:10%}.navbar_muthanna__AopTc{color:hsla(0,0%,100%,.73);letter-spacing:10px;font-size:23pt;padding-left:10%}.navbar_messsage__l_xM2{margin-top:10%;margin-left:10%;margin-right:10%;letter-spacing:14pt;color:#fff;letter-spacing:10.4px;color:hsla(0,0%,100%,.73);font-size:18pt;text-overflow:ellipsis}.navbar_vertical__B1xWL{transform:rotate(270deg)}.navbar_pageTitle__Odpxa{color:#fff;letter-spacing:8pt;width:200px;height:200px;text-align:end;padding-right:10px;font-weight:400;padding-top:1px;padding-bottom:1px}.navbar_expandedSvgDiv__gxctV>*{pointer-events:none}.navbar_expandedSvgDiv__gxctV{position:fixed;width:6vw;background-color:rgba(255,0,0,.556)}.navbar_mobileNavDivs__EoUOF{animation:navbar_fadeIn__A05I2 1s ease forwards}.navbar_contact_media__5iATw{position:relative;top:34%;left:30%}.navbar_contact_media__5iATw a{margin-right:5%}@keyframes navbar_lineShrink__UBN5b{0%{margin-left:10%;margin-right:10%;width:80%}to{margin-left:40%;margin-right:50%;width:0}}@keyframes navbar_animateLine__hub3G{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes navbar_fadeIn__A05I2{0%{opacity:0}to{opacity:1}}:root{--max-width:1100px;--border-radius:12px;--font-mono:ui-monospace,Menlo,Monaco,"Cascadia Mono","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Mono","Droid Sans Mono","Courier New",monospace;--foreground-rgb:0,0,0;--background-start-rgb:214,219,220;--background-end-rgb:255,255,255;--primary-glow:conic-gradient(from 180deg at 50% 50%,#16abff33 0deg,#0885ff33 55deg,#54d6ff33 120deg,#0071ff33 160deg,transparent 360deg);--secondary-glow:radial-gradient(#fff,hsla(0,0%,100%,0));--tile-start-rgb:239,245,249;--tile-end-rgb:228,232,233;--tile-border:conic-gradient(#00000080,#00000040,#00000030,#00000020,#00000010,#00000010,#00000080);--callout-rgb:238,240,241;--callout-border-rgb:172,175,176;--card-rgb:180,185,188;--card-border-rgb:131,134,135}@media (prefers-color-scheme:dark){:root{--background-rgb:#1e1e1e;--background-start-rgb:0,0,0;--background-end-rgb:0,0,0;--primary-glow:radial-gradient(rgba(1,65,255,.4),rgba(1,65,255,0));--secondary-glow:linear-gradient(to bottom right,rgba(1,65,255,0),rgba(1,65,255,0),rgba(1,65,255,.3));--tile-start-rgb:2,13,46;--tile-end-rgb:2,5,19;--tile-border:conic-gradient(#ffffff80,#ffffff40,#ffffff30,#ffffff20,#ffffff10,#ffffff10,#ffffff80);--callout-rgb:20,20,20;--callout-border-rgb:108,108,108;--card-rgb:100,100,100;--card-border-rgb:200,200,200}}@media (prefers-color-scheme:light){:root{--background-rgb:#1e1e1e;--background-start-rgb:0,0,0;--background-end-rgb:0,0,0;--primary-glow:radial-gradient(rgba(1,65,255,.4),rgba(1,65,255,0));--secondary-glow:linear-gradient(to bottom right,rgba(1,65,255,0),rgba(1,65,255,0),rgba(1,65,255,.3));--tile-start-rgb:2,13,46;--tile-end-rgb:2,5,19;--tile-border:conic-gradient(#ffffff80,#ffffff40,#ffffff30,#ffffff20,#ffffff10,#ffffff10,#ffffff80);--callout-rgb:20,20,20;--callout-border-rgb:108,108,108;--card-rgb:100,100,100;--card-border-rgb:200,200,200}}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden;background-color:transparent}body{color:rgb(var(--foreground-rgb));background-color:var(--background-rgb);display:flex;flex-direction:row;height:100vh;justify-content:stretch;background-size:cover;background-attachment:fixed;font-family:Montserrat;overflow:scroll}a{color:inherit;text-decoration:none}textarea{font-family:Montserrat}.section{padding-left:3%;padding-top:5%;color:hsla(0,0%,100%,.73);overflow:scroll}.linkButton{background-color:transparent;border:none;border-bottom:1px solid #fff;letter-spacing:2pt;color:#fff;cursor:pointer;padding:2px}@media (prefers-color-scheme:dark){html{color-scheme:dark}}.app_desktopBody__LURsE main{flex:5 1;background-color:var(--background-rgb);color:#fff;overflow:scroll;min-width:500px}.app_desktopBody__LURsE nav{flex:2 1;min-width:380px}.app_desktopBody__LURsE{color:rgb(var(--foreground-rgb));display:flex;flex-direction:row;height:100vh;justify-content:stretch;background-size:cover;background-attachment:fixed;font-family:Montserrat;overflow:scroll}.app_mobileBody__YUAD_ main{margin-left:5%;width:95vw}.app_mobileBody__YUAD_ nav{color:hsla(0,0%,100%,.74);font-weight:200;background-color:#000;left:0}@font-face{font-family:__Inter_0ec1f4;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/d1d9458b69004127-s.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:__Inter_0ec1f4;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/b967158bc7d7a9fb-s.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:__Inter_0ec1f4;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ae9ae6716d4f8bf8-s.woff2) format("woff2");unicode-range:U+1f??}@font-face{font-family:__Inter_0ec1f4;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c0f5ec5bbf5913b7-s.woff2) format("woff2");unicode-range:U+0370-03ff}@font-face{font-family:__Inter_0ec1f4;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/b1db3e28af9ef94a-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Inter_0ec1f4;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9c4f34569c9b36ca-s.woff2) format("woff2");unicode-range:U+0100-02af,U+0304,U+0308,U+0329,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Inter_0ec1f4;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/2aaf0723e720e8b9-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Inter_Fallback_0ec1f4;src:local("Arial");ascent-override:90.20%;descent-override:22.48%;line-gap-override:0.00%;size-adjust:107.40%}.__className_0ec1f4{font-family:__Inter_0ec1f4,__Inter_Fallback_0ec1f4;font-style:normal}