body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{display:none}@font-face{font-family:madani-bold;src:url(/static/media/Madani_Arabic_Bold.fdcd940cdd27b316273f.ttf) format("truetype")}@font-face{font-family:madani-light;src:url(/static/media/Madani%20Arabic%20Thin.96a16a349b28f8dd93f5.ttf) format("truetype")}@font-face{font-family:madani-semi-bold;src:url(/static/media/Madani%20Arabic%20Semi%20Bold.2fa121d1ab7b3156c65f.ttf) format("truetype")}@font-face{font-family:madani-regular;src:url(/static/media/Madani%20Arabic%20Regular.c161142bca18b7d2b49e.ttf) format("truetype")}.header-wrapper{align-items:center;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#0009;display:flex;height:70px;justify-content:space-between;position:fixed;width:100vw;z-index:15}.logo{background-image:url(/static/media/logo.b7f75cd9066637cbca20.png);background-repeat:no-repeat;background-size:contain;height:65%;margin-left:87px;width:116px}.header,.logo{display:flex;z-index:inherit}.header{align-items:center;font-family:madani-semi-bold;font-size:19px;height:inherit;justify-content:space-evenly;margin-right:55px;width:424px}.getintouch_header,.home_header,.projects_header{color:#fff;cursor:pointer}.getintouch_header:hover,.home_header:hover,.projects_header:hover{color:#818aeb}.hamburger{cursor:pointer;display:none;flex-direction:column;gap:5px;margin-right:30px;z-index:16}.bar{background:#fff;height:3px;transition:all .3s ease-in-out;width:25px}.main-div{background:linear-gradient(318deg,#000 60%,#353535);bottom:0;display:flex;flex-direction:row;height:100vh;position:relative;width:100vw}.div1{align-items:flex-start;color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding-left:85px}.hi{font-family:madani-light;font-size:25px}.name{font-family:madani-semi-bold;font-size:38px}.title{font-family:madani-bold;font-size:65px}.div2_wrapper{align-items:center;flex:1 1;position:relative;z-index:2}.div2,.div2_wrapper{display:flex;justify-content:center}.div2{background-image:url(/static/media/b&w%205.aa1ea52d7e95af4e8976.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;position:absolute;width:100%}.mobile_image{display:none}.sign{background-image:url(/static/media/sgn.6b5689191f66eb0c945e.png);background-position:50px -114px;background-repeat:no-repeat;background-size:cover;bottom:60px;display:flex;height:300px;margin-right:-150px;margin-top:350px;position:absolute;right:60px;scale:.7;width:600px;z-index:2}.red-rectangle1{background-image:url(/static/media/homebg.b21e4655dc936e5d12e6.png);background-size:cover;height:100%;position:center;right:0;width:50%;z-index:-1}.div3{background-color:#3a3a3a;bottom:0;clip-path:polygon(0 93%,100% 30%,100% 100%,0 100%);height:33.33vh;position:absolute;width:100%;z-index:3}.titlebutton1{background-color:initial;border:solid #e8840e;border-radius:15px;color:#fff;cursor:pointer;font-family:madani-semi-bold;font-size:20px;margin-right:20px;margin-top:15px;padding:10px 32px 15px;position:relative;transition:background-color .3s ease,color .3s ease;z-index:10}.titlebutton1:hover{background-color:#e8840e;border:solid #e8840e;color:#000}.titlebutton2{background-color:initial;border:solid #818aeb;border-radius:15px;color:#fff;cursor:pointer;font-family:madani-semi-bold;font-size:20px;margin-right:20px;margin-top:15px;padding:10px 32px 15px;position:relative;transition:background-color .3s ease,color .3s ease;z-index:10}.titlebutton2:hover{background-color:#818aeb;border:solid #818aeb;color:#000}.skill-page{align-items:center;background:linear-gradient(180deg,#3a3a3a,#000);flex-direction:column;height:750px}.skill-page,.skill-title{display:flex;justify-content:center;width:100%}.skill-title{align-items:baseline;color:#fff;flex:1.5 1;font-family:madani-bold;font-size:65px;padding-bottom:50px}.skill-icons{column-gap:10%;flex:4 1;padding-bottom:110px;row-gap:67px;width:100%}.skill-icon-main,.skill-icons{display:flex;flex-wrap:wrap;justify-content:center}.skill-icon-main{align-items:center;background-color:#fff;border-radius:35px;flex-direction:column;height:200px;width:200px}.skill-icon-sub{width:160px}img{max-height:80px;max-width:160px;object-fit:cover}.skill-icon-sub h4{color:#193d0d;font-family:madani-semi-bold}.skill-icon-sub-img,.skill-name{align-items:center;display:flex;justify-content:center}.skill-icon-sub-img{height:80px;overflow:hidden;width:160px}.caption-wrapper{background-color:#000;height:250px;overflow:hidden}.caption-red,.caption-wrapper{align-items:center;display:flex;width:100%}.caption-red{background-color:#e64f4f;height:70px;position:absolute}.caption-purple,.caption-red{color:#fff;font-family:madani-semi-bold;font-size:38px;justify-content:space-around}.caption-purple{align-items:center;background-color:#9398cd;display:flex;height:62px;transform:rotate(-6deg) scaleX(1.1);width:10000px}.about{background:#000;display:flex;flex-direction:column;height:672px;width:100%;z-index:-1}.about-title{align-items:baseline;display:flex;flex:0.5 1;font-family:madani-bold;font-size:65px;justify-content:flex-start;padding-bottom:50px;padding-top:60px;width:94%}.about-content,.about-title{color:#fff;padding-left:85px}.about-content{flex:4 1;font-family:madani-regular;font-size:20px;padding-right:85px}.Projects-main{align-items:center;background:#000;display:flex;height:fit-content;justify-content:center;padding-bottom:145px;width:100%}.project-wrapper{background-color:#272727;border-radius:20px;display:flex;flex-direction:column;height:fit-content;padding-bottom:20px;position:relative;width:90%}.projects-title{align-items:baseline;color:#fff;display:flex;font-family:madani-bold;font-size:65px;justify-content:center;margin-top:10px;padding-bottom:27px;width:100%}.projects-contents-wrapper{border-radius:0 0 9px 9px;column-gap:20px;display:flex;flex-wrap:wrap;height:max-content;justify-content:center;margin:0 10px 10px;row-gap:20px}.project-content{align-items:center;background-color:#4c4c4c;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;height:280px;justify-content:flex-end;width:300px}.project-content-img{background-size:cover;border-radius:10px;height:270px;margin-bottom:5px;width:290px}.project-content-txt-wrapper{background:linear-gradient(180deg,#0000 2%,#000 59%);border-radius:0 0 10px 10px;display:flex;flex-direction:column;height:155px;justify-content:flex-end;margin-bottom:5px;position:absolute;width:290px}.project-content-title{color:#fff;font-family:madani-semi-bold;font-size:18px;padding-left:10px;padding-right:10px;text-shadow:2px 2px 4px #000000b3}.project-content-desc{color:#fff;font-family:madani-regular;font-size:10px;padding-bottom:10px;padding-top:5px}.scroll{background:linear-gradient(90deg,#0000,#193d0d);border-radius:0 20px 20px 0;height:100%;position:absolute;right:0;width:35%}.social-media{background:#000;display:flex;height:600px;position:relative;width:100%}.socialmedia_title_mobile{display:none}.social-media-text-wrapper{background:linear-gradient(90deg,#000 50%,#0000);display:flex;flex:auto;flex-direction:column;height:103%;justify-content:center;left:0;position:absolute;width:40%;z-index:2}.social-media-text-wrapper-mobile{display:none}.social-media-text{color:#fff;font-family:madani-bold;font-size:65px;padding-left:85px}.instgramwrapper{align-items:center;cursor:pointer;display:flex;flex-direction:row}.instaicon,.instgramwrapper{transition:all .3s ease-in-out}.instaicon{background-image:url(/static/media/instagram.b786f5dd501777369996.png);background-size:cover;height:35px;margin-left:87px;margin-top:-27px;width:35px}.instgramwrapper:hover .instaicon{background-image:url(/static/media/instagram_clr.e719d8b29f452a16302d.png)}.instlink-wrapper{margin-top:-18px;padding-left:13px}.instalink,.instlink-wrapper{color:#fff;font-family:madani-regular;font-size:18px;text-decoration:none}.social-media-contents{background-color:initial;display:flex;flex:auto;flex-direction:column;height:100%;padding-right:74px;position:relative;row-gap:10px;z-index:0}.social_media_web_contents{width:100vw}.social-media-content-wrapper{display:flex;flex:none;height:50%;overflow-x:hidden;white-space:nowrap}.social-media-content-lnd{min-width:460px}.social-media-content-lnd,.social-media-content-prt{background-size:cover;border-radius:15px;height:100%;margin-right:10px}.social-media-content-prt{min-width:217px}.footer-wrapper{align-items:center;background:linear-gradient(539deg,#000,#303030);display:flex;flex-direction:column;height:536px;justify-content:flex-end;width:100%}.footer{background-image:url(/static/media/footer%20bg.cdae8c3ec662d0272cf9.png);background-size:cover;border-radius:15px;height:392px;margin-bottom:20px;width:98%}.footer,.footer-right{display:flex;position:relative}.footer-right{align-items:center;border-radius:0 15px 15px 0;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden}.caption-Black{background-color:#000;justify-content:space-between;transform:rotate(-52deg) scaleX(1.1);width:100%}.caption-Black,.caption-grey{align-items:center;color:#fff;display:flex;font-family:madani-semi-bold;font-size:38px;height:70px;margin-left:52px;position:absolute}.caption-grey{background-color:#434343;justify-content:space-evenly;transform:rotate(-35deg) scaleX(1.1);width:150%}.footer-left{flex:1 1}.footer-left,.footerleftup{display:flex;flex-direction:column}.footerleftup{font-family:madani-semi-bold;height:auto;margin-left:70px;margin-top:18px}.footerleftup_content{color:#000;font-size:32px;margin-bottom:25px;margin-top:0}.mail_loc_wrapper{display:flex;flex-direction:column;font-family:madani-semi-bold;font-size:20px;row-gap:20px}.footermail,.footerphone{cursor:pointer;transition:color .2s ease-in-out}.footerloc,.footermail,.footerphone{column-gap:20px;display:flex}.footermail:hover{color:#e8840e}.footerphone:hover{color:#e64f4f}.footerlefdown{color:#000;display:flex;flex-direction:column;font-family:madani-semi-bold;font-size:25px;justify-content:flex-start;margin-left:70px;margin-top:55px}.footerleftdown_icons{column-gap:45px;display:flex}.footerIcon{cursor:pointer;font-size:35px;transition:color .2s ease-in-out}#linkedIn:hover{color:#0077b5}#gitHub:hover{color:#5400b5}#behance:hover{color:#053eff}#instagram{display:none}.copyright{bottom:20px;color:#fff;display:flex;flex-direction:column;font-family:madani-regular;font-size:13px;position:absolute;right:30px;z-index:inherit}@media (max-width:600px){.header-wrapper{align-items:center;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(10px);background:#000c;height:70px;justify-content:space-between;padding:0 10px;position:fixed;width:100vw;z-index:15}.header{display:none}.header.open{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#000c;border-radius:10px;border-radius:0;display:flex;flex-direction:column;height:210px;left:0;margin:0;padding:0;position:fixed;right:20px;right:0;top:70px;width:200px;width:100vw;z-index:20}.hamburger{display:flex}.logo{margin-left:20px}.main-div{background:linear-gradient(318deg,#000 60%,#353535);bottom:0;flex-direction:column;height:100vh;position:relative;width:100vw}.div1,.main-div{align-items:center;display:flex}.div1{color:#fff;flex:1 1;flex-direction:column;justify-content:flex-end;padding-left:0;scale:1.1}.name-wrapper{align-items:center;column-gap:6px;display:flex;justify-content:center}.hi{font-family:madani-light;font-size:12px}.name{font-family:madani-semi-bold;font-size:15px}.title{font-family:madani-bold;font-size:30px}.button-class{align-items:center;column-gap:5px;display:flex;height:70px;justify-content:center;width:100%}.titlebutton1{background-color:initial;border:solid #e8840e;border-radius:7px;color:#fff;cursor:pointer;font-family:madani-semi-bold;font-size:11px;height:44px;margin-right:0;margin-top:0;padding:0;position:relative;transition:background-color .3s ease,color .3s ease;width:124px;z-index:10}.titlebutton1:hover{background-color:#e8840e;border:solid #e8840e;color:#000}.titlebutton2{background-color:initial;border:solid #818aeb;border-radius:7px;color:#fff;cursor:pointer;font-family:madani-semi-bold;font-size:11px;height:44px;margin-right:0;margin-top:0;padding:0;position:relative;transition:background-color .3s ease,color .3s ease;width:124px;z-index:10}.titlebutton2:hover{background-color:#818aeb;border:solid #818aeb;color:#000}.div2_wrapper{align-items:center;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative;width:100vw;z-index:2}.div2,.sign{display:none}.div3{bottom:-1px;clip-path:polygon(0 93%,100% 55%,100% 100%,0 100%)}.mobile_image{background-image:url(/static/media/photo_mobile.cc4569715d385a705efb.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:block;height:100%;position:absolute;width:100%}.red-rectangle{display:none}.skill-page{align-items:center;background:linear-gradient(180deg,#3a3a3a,#000);display:flex;flex-direction:column;height:832px;justify-content:flex-start;width:100%}.skill-title{align-items:baseline;color:#fff;flex:1.5 1;font-family:madani-bold;font-size:42px;padding-bottom:39px}.skill-icons,.skill-title{display:flex;justify-content:center;width:100%}.skill-icons{column-gap:40px;flex:4 1;flex-wrap:wrap;height:80%;padding-bottom:110px;row-gap:40px}.skill-icon-main{align-items:center;background-color:#fff;border-radius:20px;display:flex;flex-direction:column;flex-wrap:wrap;height:120px;justify-content:center;padding:10px;width:120px}.skill-icon-sub{height:90%;width:90%}img{max-height:100%;max-width:100%;object-fit:cover}.skill-icon-sub h4{color:#193d0d;font-family:madani-semi-bold}.skill-icon-sub-img,.skill-name{align-items:center;display:flex;justify-content:center}.skill-icon-sub-img{height:50%;overflow:hidden;padding-top:5px;width:100%}.caption-wrapper{background-image:url(/static/media/caption_mobile.5bb035d0aaeb698adbc6.png);background-position:50%;background-size:cover;height:140px;overflow:hidden;width:100vw}.caption-purple,.caption-red{display:none}.about{align-items:center;background:#000;display:flex;flex-direction:column;height:auto;justify-content:flex-start;width:100vw;z-index:-1}.about-title{align-items:baseline;display:flex;flex:0.5 1;font-family:madani-bold;font-size:42px;justify-content:center;padding-bottom:8px;padding-top:60px}.about-content,.about-title{color:#fff;padding-left:0;width:85%}.about-content{flex:4 1;font-family:madani-regular;font-size:15px;padding-bottom:30px;padding-right:0}.Projects-main{padding-bottom:22px}.projects-title{align-items:center;color:#fff;display:flex;font-family:madani-bold;font-size:42px;justify-content:center;margin-top:10px;padding-bottom:27px;padding-left:19px;width:100%}.social-media{background:#000;display:flex;flex-direction:column;height:454px;position:relative;width:100%}.socialmedia_title_mobile{display:block}.social_media_web_contents{height:308px}.social-media-text-wrapper{background:linear-gradient(90deg,#000 8%,#0000);left:0}.social-media-text-wrapper,.social-media-text-wrapper-mobile{display:flex;flex:auto;flex-direction:column;height:inherit;justify-content:center;position:absolute;width:18%;z-index:2}.social-media-text-wrapper-mobile{background:linear-gradient(270deg,#000 8%,#0000);right:0}.social-media-text{display:none}.social-media-text-mobile{align-items:baseline;color:#fff;display:flex;flex:0.5 1;flex-direction:column;font-family:madani-bold;font-size:42px;justify-content:center;padding-bottom:34px;padding-left:26px;padding-top:0;width:93%}.instaicon,.instalink,.instgramwrapper,.instlink-wrapper{display:none}.social-media-contents{background-color:initial;display:flex;flex:auto;flex-direction:column;height:100%;padding-right:0;position:relative;row-gap:10px;width:100vw;z-index:0}.social-media-content-wrapper{display:flex;flex:none;height:50%;overflow-x:hidden;white-space:nowrap;width:100vw}.social-media-content-lnd{height:50px;min-width:100px}.social-media-content-lnd,.social-media-content-prt{background-size:cover;border-radius:15px;margin-right:10px}.social-media-content-prt{height:100%;min-width:217px}.footer-wrapper{align-items:center;background:linear-gradient(539deg,#000,#303030);display:flex;flex-direction:column;height:511px;justify-content:flex-end;width:100%}.footer{background-image:url(/static/media/mobile_footer.01c510b64960b4fb1cd5.png);background-size:cover;border-radius:15px;flex-direction:column;height:446px;margin-bottom:4px;width:98%}.footer,.footer-right{display:flex;position:relative}.footer-right{align-items:center;flex:1 1;flex-direction:column;justify-content:flex-end;overflow:hidden;padding-bottom:10px}.caption-Black,.caption-grey{display:none}.footer-left{flex:1 1}.footer-left,.footerleftup{align-items:center;display:flex;flex-direction:column}.footerleftup{font-family:madani-semi-bold;height:auto;margin-left:0;margin-top:18px}.footerleftup_content{color:#000;font-size:28px;margin-bottom:25px;margin-top:0;padding:4px;text-align:center}.mail_loc_wrapper{display:flex;flex-direction:column;font-family:madani-semi-bold;font-size:19px;row-gap:20px}.footermail,.footerphone{cursor:pointer;transition:color .2s ease-in-out}.footerloc,.footermail,.footerphone{column-gap:20px;display:flex}.footermail:hover{color:#e8840e}.footerphone:hover{color:#e64f4f}.footerlefdown{color:#000;display:flex;flex-direction:column;font-family:madani-semi-bold;font-size:25px;justify-content:flex-start;margin-left:0;margin-top:44px}.footerleftdown_icons{column-gap:45px;display:flex}.footerIcon{cursor:pointer;font-size:35px;transition:color .2s ease-in-out}#linkedIn:hover{color:#0077b5}#gitHub:hover{color:#5400b5}#behance:hover{color:#053eff}#instagram{display:block}#instagram:hover{color:#e64f4f}.copyright{color:#fff;display:flex;flex-direction:column;font-family:madani-regular;font-size:13px;position:static;z-index:inherit}}
/*# sourceMappingURL=main.d5411f29.css.map*/