:root{--bg-color:#fff;--gray-bg:#f9f9f9;--title-color:#000;--text-color:#767676;--header-color:#147efb;--black-shade:#2d2e32;--card-bg:#fff;--card-shadow:0px 0px 10px #0000001a}[data-theme=dark]{--bg-color:#121212;--gray-bg:#1e1e1e;--title-color:#fff;--text-color:#a7a7a7;--header-color:#147efb;--black-shade:#f9f9f9;--card-bg:#1e1e1e;--card-shadow:0px 0px 15px #0006}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}html{font-size:62.5%;scroll-behavior:smooth}body{background-color:#fff;background-color:var(--bg-color);color:#767676;color:var(--text-color);font-family:Poppins,sans-serif;position:relative}.container{margin:0 auto;max-width:107rem;padding:0 4rem}*{scrollbar-color:#8e8e8e #fff;scrollbar-width:thin}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:#fff;border-radius:20px}::-webkit-scrollbar-track:active,::-webkit-scrollbar-track:hover{background-color:#fff}::-webkit-scrollbar-thumb{background-color:#8e8e8e;border-radius:20px}::-webkit-scrollbar-thumb:hover{background-color:#878787}::-webkit-scrollbar-thumb:active{background-color:#8e8e8e}.mobile-menu{cursor:pointer;display:none;font-size:2.3rem}.mobile-menu:hover{color:#147efb;transition:all .3s}@media (max-width:900px){.mobile-menu{display:flex}}.closed-menu{left:-100%!important}.open-menu{left:0!important}.mobile-nav{align-items:center;background-color:#fff;background-color:var(--bg-color);display:flex;height:100vh;justify-content:center;left:0;position:fixed;text-align:center;top:0;transition:all .3s ease-in-out;width:100%;z-index:300}.mobile-nav span{cursor:pointer;font-size:3.3rem;position:absolute;right:4rem;top:2rem}.mobile-nav span:hover{color:#147efb;transition:all .3s}.mobile-nav ul{display:flex;flex-direction:column;font-size:2.3rem;gap:4rem;list-style:none}.mobile-nav ul a{color:#000;font-weight:500;text-decoration:none}.mobile-nav ul a:hover{color:#147efb;transition:all .3s}nav{align-items:center;background-color:#fff;background-color:var(--bg-color);box-shadow:0 0 10px #00000017;display:flex;font-size:1.7rem;height:auto;justify-content:space-between;left:0;padding:25px 40px 25px 50px;position:fixed;top:0;width:100%;z-index:200}@media (max-width:400px){nav{padding:25px 30px}}nav ul{display:flex;gap:2rem;list-style:none}nav ul a{color:#2d2e32;color:var(--black-shade);font-weight:600;text-decoration:none;transition:all .23s}@media (max-width:900px){nav ul a{display:none}}nav ul a:hover{color:#147efb}.logo{color:#2d2e32;color:var(--black-shade);cursor:pointer}.hero{background-color:#f9f9f9;background-color:var(--gray-bg);display:flex;flex-direction:column;height:100vh;position:relative;width:100%}@media (max-width:900px){.hero{height:auto;padding:11rem 0}}.hero-main{align-items:center;display:flex;gap:10rem;justify-content:center;position:relative}@media (max-width:900px){.hero-main{flex-direction:column-reverse;gap:3rem;height:auto;text-align:center}}.content{align-items:center;display:flex;gap:10rem;height:65rem;justify-content:center;position:relative}@media (max-width:900px){.content{flex-direction:column;gap:3rem;height:auto;text-align:center}}@media (min-width:1600px){.content{margin-top:6rem}}@media (min-width:1900px){.content{margin-top:10rem}}.hero-text{display:flex;flex-direction:column;max-width:50rem;position:relative}.hero-text h1{color:#2d2e32;color:var(--black-shade);font-size:5.5rem;line-height:1.2;margin-bottom:2rem;margin-top:2rem}@media (max-width:500px){.hero-text h1{font-size:4rem}}.hero-text p{color:#555;font-family:Mulish,sans-serif;font-size:1.8rem;font-weight:500;line-height:1.6}@media (max-width:900px){.hero-text p{margin-bottom:5rem}}.hero-text span{cursor:pointer;display:flex;gap:1.3rem;margin:2.5rem 0}.hero-text span a{color:#2d2e32;color:var(--black-shade);font-size:3rem}@media (max-width:900px){.hero-text span{gap:1.6rem;justify-content:center;margin-bottom:4rem;margin-top:-2rem}}.hero-text span a{transition:all .2s}.hero-text span a:hover{color:#147efb}.hero-text img{height:6rem;position:absolute;right:13rem;top:8.7rem;width:6rem}@media (max-width:900px){.hero-text img{right:3rem}}@media (max-width:500px){.hero-text img{height:4.5rem;right:4rem;top:6.4rem;width:4.5rem}}@media (max-width:400px){.hero-text img{right:3rem}}@media (max-width:380px){.hero-text img{right:3rem}}@media (max-width:375px){.hero-text img{right:1.7rem}}.hero-img{animation:morph 8s ease-in-out infinite;background-image:url(/static/media/ahmed.3557fabb61d05aa1cbed.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border:3px solid #2d2e32;border:3px solid var(--black-shade);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;height:35rem;position:relative;transition:all 1s ease-in-out;width:35rem}@media (max-width:500px){.hero-img{height:28rem;width:28rem}}@keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.skills{align-items:center;bottom:0;color:#767676;display:flex;font-size:1.7rem;left:0;position:absolute}@media (max-width:900px){.skills{flex-direction:column;position:static}}.skills p{border-right:2px solid #2d2e3280;color:#2d2e32;color:var(--black-shade);font-family:Mulish,sans-serif;font-weight:600;margin-right:7rem;padding-right:2rem}@media (max-width:900px){.skills p{border-bottom:2px solid #2d2e3280;border-right:none;margin-bottom:3rem;margin-right:0;padding-bottom:1rem;padding-right:0}}.skills ul{display:flex;flex-wrap:wrap;gap:3rem;list-style:none}@media (max-width:900px){.skills ul{justify-content:center}}.skills ul li{cursor:pointer}.skills ul li img{height:5rem;transition:all .3s ease-in-out;width:11rem}.skills ul li img:hover{transform:translateY(-1rem)}.about{background-color:#fff;background-color:var(--bg-color);padding:15rem 0}@media (max-width:1020px){.about{padding:8rem 0}}.about-content{align-items:center;display:grid;grid-template-columns:1fr 1fr;justify-content:center}@media (max-width:1020px){.about-content{grid-template-columns:1fr;text-align:center}}.text-side{padding-right:1.5rem}@media (max-width:1020px){.text-side{margin:0 auto;max-width:54rem}}@media (max-width:400px){.text-side{padding-right:0}}.text-side span{-webkit-text-decoration:underline #147efb;text-decoration:underline #147efb}.text-side h3{color:#147efb;font-size:1.7rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase}.text-side h4{color:#2d2e32;color:var(--black-shade);font-family:Poppins,sans-serif;font-size:2.5rem;line-height:1.4;margin-bottom:2rem}.text-side p{color:#767676;font-family:Mulish,sans-serif;font-size:1.7rem;font-weight:500;line-height:1.5}.img-side{position:relative}.img-side span{background-color:#fff;background-color:var(--bg-color);border-radius:50%;bottom:-33px;height:19rem;position:absolute;right:33px;width:19rem}@media (max-width:1020px){.img-side span{bottom:-3px;height:17rem;right:190px;width:17rem}}@media (max-width:880px){.img-side span{bottom:-3px;right:100px}}@media (max-width:750px){.img-side span{display:none}}.img-side span img{animation:rotate 9s linear infinite;width:19rem}@media (max-width:1020px){.img-side span img{width:17rem}}@keyframes rotate{to{transform:rotate(1turn)}}.img-side__main-img{border-radius:1.7rem;height:35rem;width:41rem}@media (max-width:1020px){.img-side__main-img{margin-bottom:3.5rem}}@media (max-width:460px){.img-side__main-img{height:auto;width:90%}}.work-emoji{bottom:35px;position:absolute;right:98px;width:6rem!important;z-index:10}@media (max-width:1020px){.work-emoji{bottom:25px;right:245px}}@media (max-width:880px){.work-emoji{bottom:57px;right:156px}}@media (max-width:750px){.work-emoji{display:none}}.experience{background-color:#fff;background-color:var(--bg-color);padding:10rem}@media (max-width:1020px){.experience{padding:8rem 0}}.experience-content{display:flex;flex-direction:column}@media (max-width:600px){.experience-content{text-align:center}}.experience-content p{color:#147efb;font-size:1.7rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase}.experience-content h3{color:#2d2e32;color:var(--black-shade);font-size:2.5rem;margin-bottom:6rem}.experience-grid{gap:3rem;width:100%}.experience-card,.experience-grid{display:flex;flex-direction:column}.experience-card{background-color:#fff;background-color:var(--bg-color);border-radius:1.7rem;box-shadow:0 0 10px #0000001a;gap:2rem;padding:3rem;transition:all .3s}.experience-card:hover{box-shadow:0 5px 15px #00000026;transform:translateY(-5px)}.exp-header{align-items:flex-start;display:flex;gap:2rem}@media (max-width:600px){.exp-header{align-items:center;flex-direction:column;text-align:center}}.exp-logo{align-items:center;background-color:#f0f7ff;border-radius:1.2rem;display:flex;justify-content:center;padding:1.5rem}.exp-title-box{display:flex;flex-direction:column;gap:.5rem}.exp-title-box h4{color:#2d2e32;color:var(--black-shade);font-size:2rem;font-weight:700}.exp-company-info{color:#555;font-size:1.6rem;font-weight:600}.exp-company-info .company-name{color:#147efb}.exp-company-info .location{color:#767676}.exp-title-box .date-range{color:#8e8e8e;font-size:1.4rem;font-weight:500}.exp-description{display:flex;flex-direction:column;gap:1.2rem;list-style:none;padding-left:.5rem}.exp-description li{color:#767676;font-family:Mulish,sans-serif;font-size:1.6rem;line-height:1.5;padding-left:2rem;position:relative}.exp-description li:before{color:#147efb;content:"•";font-weight:700;left:0;position:absolute}.project{background-color:#f9f9f9;background-color:var(--gray-bg);padding:15rem 0}@media (max-width:1020px){.project{padding:8rem 0}}.project-content{display:flex;flex-direction:column}@media (max-width:600px){.project-content{text-align:center}}.project-content p{color:#147efb;font-size:1.7rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase}.project-content h3{color:#2d2e32;color:var(--black-shade);font-size:2.5rem;margin-bottom:6rem}.projects-grid{grid-gap:5rem;display:grid;gap:5rem;grid-template-columns:1fr;grid-template-rows:auto auto;height:auto;width:100%}.project-card{background-color:#fff;background-color:var(--card-bg);border:1px solid #767676;border:1px solid var(--text-color);border-radius:10px;box-shadow:0 0 10px #0000001a;box-shadow:var(--card-shadow);margin:10px 0;padding:20px}.projects-grid .pro{background-color:#fff;background-color:var(--bg-color);border-radius:1.7rem;box-shadow:0 0 10px #0000001a;display:flex}.projects-grid .pro__1{flex-direction:row;gap:8rem;height:40rem;padding:2rem}@media (max-width:1020px){.projects-grid .pro__1{flex-direction:column!important;gap:3rem;height:75rem;margin:0 auto;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}}@media (max-width:400px){.projects-grid .pro__1{width:100%}}.projects-grid .pro__img{background-color:#76767633;border-radius:1.7rem;box-shadow:0 0 10px #0000001a;height:auto;overflow:hidden;width:53rem}@media (max-width:650px){.projects-grid .pro__img{width:100%}}.projects-grid .pro__img img{height:auto;width:100%}.projects-grid .pro__text{display:flex;flex-direction:column;height:auto;justify-content:center;text-align:center;width:30rem}@media (max-width:1020px){.projects-grid .pro__text{margin:0 auto}}@media (max-width:400px){.projects-grid .pro__text{width:100%}}.projects-grid .pro__text img{position:absolute;right:-19px;top:-2px;width:7rem}.projects-grid .pro__text h3{align-items:center;color:#2d2e32;color:var(--black-shade);display:flex;font-size:1.7rem;gap:.2rem;justify-content:center;margin-bottom:2rem;position:relative;text-transform:uppercase}.projects-grid .pro__text p{color:#767676;font-size:1.7rem;font-weight:500;text-align:center;text-transform:none}.stack{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.stack p{background-color:#fff;background-color:var(--bg-color);box-shadow:0 0 10px #0000001a;color:#000!important;font-family:Mulish,sans-serif!important;font-weight:600!important;padding:1rem 1.3rem}.links{gap:1rem;justify-content:space-evenly;margin-top:3rem}.links,.links a{align-items:center;display:flex}.links a{color:#2d2e32;color:var(--black-shade);font-size:1.7rem;font-weight:500;gap:5px;text-decoration:none}.links a i{font-size:2.8rem}.links a .link-icon{font-size:2rem!important}.links a img{width:3.5rem}.links a:hover{color:#147efb;transition:all .3s}.reversed-proj{flex-direction:row-reverse!important}@media (max-width:460px){.container{padding:0 1.7rem}}.new-projects{color:#2d2e32;color:var(--black-shade);font-size:2.6rem;text-align:center}.date-class{color:hsla(0,5%,8%,.773);font-size:1.4rem;margin-left:.2rem}.contact{background-color:#fff;background-color:var(--bg-color);padding:11rem 0}@media (max-width:1020px){.contact{padding:8rem 0}}.contact__content{display:flex;flex-direction:column}@media (max-width:750px){.contact__title{text-align:center}}.contact__title p{color:#147efb;font-size:1.7rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase}.contact__title h3{color:#2d2e32;color:var(--black-shade);font-size:2.5rem}.contact__icons{display:flex;flex-wrap:wrap;gap:8rem;margin-top:6rem}@media (max-width:750px){.contact__icons{flex-direction:column;gap:5rem;justify-content:center;text-align:center}}.contact__icon-box{align-items:center;display:flex;gap:1.5rem}@media (max-width:750px){.contact__icon-box{flex-direction:column}}.contact__icon-box span{align-items:center;background-color:#fff;background-color:var(--bg-color);border-radius:50%;box-shadow:0 0 10px #0000001a;color:#147efb;display:flex;height:5rem;justify-content:center;width:5rem}.contact__info{display:flex;flex-direction:column;gap:.5rem}.contact__info h3{color:#2d2e32;color:var(--black-shade);font-size:1.7rem}.contact__info a,.contact__info p{color:#767676;cursor:pointer;font-size:1.7rem;text-decoration:none}.contact__info a:hover,.contact__info p:hover{color:#147efb;transition:all .3s}footer{background-color:#1e1e1e;padding:5rem 0;width:100%}footer h3{color:#fff;font-size:1.7rem}.footerc{align-items:center;display:flex;justify-content:space-between}@media (max-width:550px){.footerc{flex-wrap:wrap;gap:2rem;justify-content:center;text-align:center}}.footerc__socials{align-items:center;display:flex;gap:2rem;justify-content:center;margin-top:1rem}.footerc__socials a{color:#fff;font-size:2.3rem}.footerc__socials a:hover{transform:scale(1.2);transition:all .2s ease-in-out}.para-text a{text-decoration:none}.mainprojects{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.mainprojects img{border-radius:10px;width:100%}.maindiv-one{margin-right:.3rem;padding:1.7rem}.maindiv-one img{border-radius:5px;transition:transform .3s ease,box-shadow .3s ease;width:100%}.maindiv-one img:hover{box-shadow:0 4px 8px #0003;transform:scale(1.05)}.maindiv-two{margin-left:.3rem;padding:1.7rem}.maindiv-two h2{font-size:2.5rem;font-weight:900}.maindiv-two h2,.maindiv-two h3{margin-top:1.6rem;text-align:center}.maindiv-two h3{font-size:1.7rem;margin-bottom:.1rem}.div-tech{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-bottom:.1rem}.div-tech h2{font-size:1.7rem;margin-right:1.7rem}.div-tech h3{margin-left:1.7rem}.links-about-projects{display:flex;flex-direction:row;justify-content:center;margin-top:2.5rem}.links-about-projects img{margin-left:.7rem;vertical-align:middle;width:3rem}.button,.links-about-projects span{font-size:1.7rem;font-weight:900}.button{border-radius:5px;color:#767676;color:var(--text-color);display:inline-block;padding:5px 20px;text-decoration:none;transition:all .3s ease}.button:hover{background-color:#414850;color:#fff}.span-one{margin-right:1rem}@media screen and (max-width:765px){.mainprojects{flex-direction:column;flex-wrap:wrap;justify-content:center}.maindiv-one,.maindiv-two{margin:.5%;width:100%}}.theme-toggle{align-items:center;background:none;background-color:initial;border:none;border-radius:50%;color:#2d2e32;color:var(--black-shade);cursor:pointer;display:flex;justify-content:center;transition:all .3s ease}.theme-toggle:hover{background-color:#147efb1a;color:#147efb;color:var(--header-color);transform:scale(1.1)}.theme-toggle svg{transition:transform .5s cubic-bezier(.4,0,.2,1)}.theme-toggle:active svg{transform:rotate(45deg)}
/*# sourceMappingURL=main.b52b3ebc.css.map*/