html{overflow-x:hidden;scroll-behavior:smooth}*{box-sizing:0;margin:0;padding:0}:root{--dark-navy:#020c1b;--navy:#0a192f;--light-navy:#112240;--lightest-navy:#233554;--navy-shadow:rgba(2,12,27,.7);--dark-slate:#495670;--slate:#8892b0;--light-slate:#a8b2d1;--lightest-slate:#ccd6f6;--white:#e6f1ff;--green:#64ffda;--green-tint:rgba(100,255,218,.1);--pink:#f57dff;--blue:#57cbff;--transition:all 0.3s linear;--font-sans:"Calibre","Inter","San Francisco","SF Pro Text",-apple-system,system-ui,sans-serif;--font-mono:"SF Mono","Fira Code","Fira Mono","Roboto Mono",monospace;--radius:4px}body{background:#0a192f;background:var(--navy);max-width:375px;overflow-x:hidden;position:relative}@media screen and (min-width:376px){body{max-width:100%}}h1,h2,h3,h4,h5{color:#ccd6f6;color:var(--lightest-slate);font-family:Calibre,Inter,San Francisco,SF Pro Text,-apple-system,system-ui,sans-serif;font-family:var(--font-sans);margin-block:1rem}h1{font-size:2.5rem}h2{font-size:2rem}li{list-style-type:none}p{font-family:Calibre,Inter,San Francisco,SF Pro Text,-apple-system,system-ui,sans-serif;font-family:var(--font-sans)}a,p{color:#a8b2d1;color:var(--light-slate);font-size:1rem}a{text-decoration:none}.App{position:relative;width:100%}@media screen and (max-width:400px){.App{padding-inline:1rem}}.logo{height:50px;width:50px}.side__menu{-webkit-animation:sideMenu .5s ease-in-out 1;animation:sideMenu .5s ease-in-out 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3));height:100vh;position:fixed;right:0;top:0;transition:2;width:100%;z-index:10}.show__sideMenu{display:block}.side__menu__close{color:#64ffda;color:var(--green);cursor:pointer;font-size:2rem;position:fixed;right:3rem;top:2rem;z-index:5}.side__menu__number{display:block;font-size:1.2rem;margin-bottom:.5rem;text-align:center}@media screen and (min-width:760px){.side__menu{display:none}}@-webkit-keyframes sideMenu{0%{-webkit-transform:translatex(100%);transform:translatex(100%)}to{-webkit-transform:translatex(0);transform:translatex(0)}}@keyframes sideMenu{0%{-webkit-transform:translatex(100%);transform:translatex(100%)}to{-webkit-transform:translatex(0);transform:translatex(0)}}.desktop__list{display:none}.desktop__list li{font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-family:var(--font-mono);transition:all .3s linear;transition:var(--transition)}.desktop__list span{color:#64ffda;color:var(--green)}.desktop__list a{transition:all .3s linear;transition:var(--transition)}.desktop__list a:hover{color:#64ffda;color:var(--green)}.resume__link{align-items:center;border:1px solid #64ffda;border:1px solid var(--green);border-radius:5px;display:flex;height:40px;justify-content:center;transition:all .3s linear;transition:var(--transition);width:100px}.resume__link:hover{background:#233554;background:var(--lightest-navy)}.resume__link a{color:#64ffda;color:var(--green)}@media screen and (min-width:760px){.desktop__list{align-items:center;display:flex;gap:2rem}}.nav__menu{align-items:center;display:flex;height:60px;justify-content:space-between;margin-bottom:2rem;margin-top:1rem;padding-inline:1rem}.home__icon{-webkit-animation:bounce 2s ease infinite;animation:bounce 2s ease infinite;color:#64ffda;color:var(--green);cursor:pointer;font-size:2rem}@media screen and (max-width:360px){.home__icon{margin-right:2rem}}@media screen and (min-width:760px){.nav__menu{padding-inline:2.5rem}.home__icon{display:none}}.side__social__details{display:flex;display:none;flex-direction:column;gap:1rem;left:.5rem;position:fixed;top:40%;z-index:2rem}.side__social__details .social__icon{font-size:1rem;transition:all .3s linear;transition:var(--transition)}.side__social__details .social__icon:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.email__container{display:none;justify-content:center;position:fixed;right:-5.8rem;top:50%;transition:all .3s linear;transition:var(--transition);z-index:2}.email__divider{background:#e6f1ff;background:var(--white);height:150px;margin-left:1.7rem;margin-top:7rem;width:1px}.email__box a:hover{-webkit-transform:translatex(-5px);transform:translatex(-5px)}.email__box{margin-left:-5rem;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.email__box a{font-family:Calibre,Inter,San Francisco,SF Pro Text,-apple-system,system-ui,sans-serif;font-family:var(--font-sans);transition:all .3s linear;transition:var(--transition)}.email__box a:hover{color:#64ffda;color:var(--green)}.divider{background:#e6f1ff;background:var(--white);height:150px;margin-left:.5rem;margin-top:.8rem;width:1px}@media screen and (min-width:800px){.email__container{display:block}.side__social__details{display:flex}}@media screen and (max-width:360px){.hero__section__container{margin-left:-2rem}.hero__link__container{margin-left:2.5rem}.hero__section p{margin-right:2.8rem;text-align:center}}.hero__section__container{-webkit-animation:heroTextAnimation .5s ease-in-out 1;animation:heroTextAnimation .5s ease-in-out 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;padding-left:2.5rem}.hero__section{margin-bottom:2rem}.hi__text{color:#64ffda;color:var(--green);font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-family:var(--font-mono);font-size:1.2rem}.hero__dark__header{color:#a8b2d1;color:var(--light-slate)}.hero__section p{font-size:1.1rem;line-height:1.5;word-spacing:2px}.hero__section a{color:#64ffda;color:var(--green);display:inline-block;margin-left:5px;transition:all .3s linear;transition:var(--transition)}.hero__section a:hover{text-decoration:underline}.hero__link__container{border:.5px solid #64ffda;border:.5px solid var(--green);border-radius:4px;border-radius:var(--radius);height:50px;margin-top:3rem;width:230px}.hero__link__container a{align-items:center;color:#64ffda;color:var(--green);cursor:pointer;display:flex;font-size:1.1rem;height:100%;justify-content:center;text-align:center;transition:all .3s linear;transition:var(--transition);width:100%}.hero__link__container a:hover{background:#233554;background:var(--lightest-navy)}@media screen and (min-width:760px){.hero__section__container{padding-left:4rem}.hero__section p{max-width:700px}}@media screen and (min-width:900px){.hero__section__container{padding-left:10rem}}@-webkit-keyframes heroTextAnimation{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}50%{opacity:.1}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes heroTextAnimation{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}50%{opacity:.1}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media screen and (max-width:360px){.about__section__container{margin-left:-.5rem}.about__section{margin-left:2rem}.about__detail__text{margin-left:-2rem}}.about__section__container{padding-inline:2rem}.about__section{display:flex;gap:1rem;margin-top:10rem}.underline{background:#233554;background:var(--lightest-navy);height:1px;margin-top:.8rem;width:200px}.about__section p{color:#64ffda;color:var(--green);font-size:1.2rem}.about__header,.about__section p{font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-family:var(--font-mono)}.about__header{font-size:1.5rem;margin-top:0}.about__text__container{-webkit-animation:heroTextAnimation .5s ease-in-out 1;animation:heroTextAnimation .5s ease-in-out 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;padding-inline:2rem}.about__detail__text{font-size:1.1rem;line-height:1.6;margin-block:1rem;text-align:justify}.single__skill{align-items:center;display:flex;gap:.5rem;margin-block:.5rem}.skills__container{display:grid;grid-template-columns:1fr 1fr}.skill__icon{color:#64ffda;color:var(--green)}@media screen and (min-width:1024px){.about__section__container{align-items:center;display:flex;gap:1rem;justify-content:center}.about__text__container{padding-left:2rem}.about__detail__text{max-width:600px}}@media screen and (max-width:360px){.my__profile__pic{margin-left:-3rem}}.my__profile__pic{display:flex;justify-content:center;margin-block:3rem}.my__img__container{height:250px;margin-block:2rem;position:relative;transition:all .3s linear;transition:var(--transition);width:250px}.my__img__container:before{border:2px solid #64ffda;border:2px solid var(--green);border-radius:5px;content:"";height:250px;left:1.2rem;position:absolute;top:1rem;width:250px;z-index:-1}.my__img{border-radius:5px;height:100%;transition:all .3s linear;transition:var(--transition);width:100%}.my__img:hover{opacity:.4}@-webkit-keyframes bounce{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@media screen and (max-width:360px){.companies__list__container{margin-left:-2rem}.companies__list{display:flex;gap:.5rem;padding-inline:1rem}.companies__box{margin-left:-2rem}}.experience__section{padding-inline:3rem}.companies__list{gap:1.5rem}.companies__list,.company__text{display:flex;justify-content:center}.company__text{align-items:center;background:none;height:50px;transition:all .3s linear;transition:var(--transition);width:140px}.company__text:hover{background:#233554;background:var(--lightest-navy)}.company__name,.company__text a{text-align:center}.company__text a{font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-family:var(--font-mono);transition:all .3s linear;transition:var(--transition)}.company__text a:hover,.first__company{color:#64ffda;color:var(--green)}.company__role__container{border:2px #64ffda;border:2px dash var(--green);margin-block:5rem;padding-inline:2rem}.task__separator{color:#64ffda;color:var(--green);font-size:1.5rem}.single__task{display:flex;gap:2rem;margin-block:2rem}.single__task p{text-align:justify}.companies__box{padding-inline:1rem}@media screen and (max-width:360px){.work__places{display:flex;margin-right:3rem}.underline{width:60px}}@media screen and (min-width:361px){.work__places{padding-inline:1rem}}@media screen and (min-width:760px){.work__places{display:flex;justify-content:center}.work__places p{font-size:1.8rem}.underline{width:350px}.task__separator{font-size:1rem}}@media screen and (min-width:1024px){.companies__box{display:flex;justify-content:center;padding-inline:2rem}.company__text{height:80px;margin-top:3rem;width:200px}.company__text a{font-size:1.5rem}.company__role__container{margin-top:0;min-width:250px}.company__role__container h3{text-align:center}.single__task p{max-width:300px}}.project__card{display:flex;justify-content:center}.project__card__link{background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.2));border-radius:5px;line-height:1.6;margin-block:1.5rem;min-height:430px;min-width:350px;padding-inline:1rem;transition:all .3s linear;transition:var(--transition)}.project__card__link h5{color:#64ffda;color:var(--green);font-size:1rem;letter-spacing:1px;margin-bottom:0;margin-top:2rem}.project__card__link h2{color:#e6f1ff;color:var(--white);margin-top:0;transition:all .3s linear;transition:var(--transition)}.project__card__link h2:hover{color:#64ffda;color:var(--green)}.project__card__link p{font-size:1.05rem;max-width:320px}.tools__used{margin-bottom:1rem;margin-top:2rem}.project__host{font-size:2rem;margin-bottom:1rem;transition:all .3s linear;transition:var(--transition)}.project__host:hover{color:#64ffda;color:var(--green)}.khairo__diet,.spring__food{background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.1))}@media screen and (min-width:1200px){.project__card__box{display:flex;gap:1rem;justify-content:center}.project__card__link{height:410px;width:330px}}@media screen and (max-width:360px){.contact__me__section{align-items:center;display:flex;flex-direction:column;margin-left:-3.5rem;padding:0}}.contact__me__section{align-items:center;display:flex;flex-direction:column;margin-block:8rem;padding-inline:2rem}.contact__first__text{color:#64ffda;color:var(--green);font-weight:"Calibre","Inter","San Francisco","SF Pro Text",-apple-system,system-ui,sans-serif;font-weight:var(--font-sans);text-align:center}.contact__me__text{line-height:1.5;margin-bottom:2rem;margin-left:1rem;text-align:center}.contact__me__btn{border:1px solid #64ffda;border:1px solid var(--green);border-radius:5px;height:50px;width:140px}.contact__me__btn a{align-items:center;color:#64ffda;color:var(--green);display:flex;font-size:1.2rem;height:100%;justify-content:center;letter-spacing:.5px;transition:all .3s linear;transition:var(--transition);width:100%;word-spacing:5px}.contact__me__btn :hover{background:#233554;background:var(--lightest-navy)}@media screen and (min-width:760px){.contact__me__text{max-width:600px}}@media screen and (max-width:360px){.other__projects__container{margin-left:-2rem}}.other__project__header{display:flex;flex-direction:column;justify-content:center}.other__project__header p{color:#64ffda;color:var(--green);font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-family:var(--font-mono);font-size:1.2rem;margin-bottom:2rem;text-align:center}.other__project__header h3{text-align:center}.other__project__card{align-items:center;background:#112240;background:var(--light-navy);border-radius:5px;display:flex;flex-direction:column;height:240px;margin:2rem auto;padding:1.5rem;transition:all .3s linear;transition:var(--transition);width:300px}.other__project__card:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.other__project__card h3{transition:all .3s linear;transition:var(--transition)}.other__project__card p{gap:1rem;text-align:center}.project__tools{color:#495670;color:var(--dark-slate);font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-family:var(--font-mono);font-size:1.2rem;margin-top:5rem}.other__project__icon__box{display:flex;gap:2rem;justify-content:space-between;width:100%}.other__project__icon{color:#64ffda;color:var(--green);font-size:2rem}@media screen and (max-width:360px){.other__project__card{width:250px}}@media screen and (min-width:900px){.other__projects__box{display:flex;gap:2rem;justify-content:center}.other__project__card{margin:0;width:330px}}@media screen and (max-width:360px){.footer__section{margin-left:-2rem;padding-inline:1rem}}.social__icon__container{display:flex;gap:2.5rem;justify-content:center;margin-block:2rem;padding-inline:2rem}.social__icon{font-size:1.3rem;transition:all .3s linear;transition:var(--transition)}.social__icon:hover{color:#64ffda;color:var(--green)}.footer__text{font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-family:var(--font-mono);margin-block:1rem;text-align:center;transition:all .3s linear;transition:var(--transition)}.footer__text:hover{color:#64ffda;color:var(--green)}@media screen and (min-width:900px){.social__icon__container{display:none}}
/*# sourceMappingURL=main.bf322c8f.css.map*/