body{font-family:Lato,sans-serif}*{box-sizing:inherit;margin:0;padding:0}html{font-size:62.5%}body{box-sizing:border-box;color:#444;font-family:Roboto,sans-serif;font-size:4rem;font-weight:400}.project{background-color:#11232cbd;padding:15rem 3rem 3rem}.projects__container{grid-column-gap:2rem;-webkit-column-gap:2rem;column-gap:2rem;display:grid}.projects-page-heading{color:#9cbcd6;font-size:4.5rem;font-weight:700;letter-spacing:1rem;padding-top:10rem;text-align:center;text-transform:uppercase}.project__img{width:100%}.project__link:link,.project__link:visited{color:#4f4646;font-size:2rem;text-decoration:none}.projects__stack-list{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-evenly;margin-bottom:3rem}.stack-js{background-color:#ebeb16;border:none;color:#000}.stack-react{background-color:purple;color:#fff}.stack-node{background-color:green;color:#fff}.stack-express{background-color:grey;color:#000}.stack-prisma{background-color:#55a;color:#fff}.stack-postgres{background-color:#e34f19;color:#fff}@media (max-width:1200px){.project{padding-top:25rem}}@media (max-width:900px){.project{padding-top:29rem}}@media (max-width:575px){.project{padding-top:35rem}.projects__container{display:flex;flex-direction:column;gap:5rem}}.about-container{background-color:#11232cbd;display:flex;flex-direction:column;position:relative;width:100vw}.about-heading{color:#9cbcd6;font-size:4.5rem;font-weight:700;letter-spacing:1rem;padding-top:5rem;text-align:center;text-transform:uppercase}.about{background-image:linear-gradient(180deg,#11232cbd,#0f0e0e);box-shadow:60px -16px #bca210;color:#999;font-size:2.5rem;font-weight:300;line-height:1.7;margin:10rem 10rem 15rem 9rem;padding:15rem}.about__me{border-bottom:solid #bca210;font-size:4rem;letter-spacing:.5rem;margin-bottom:6rem}.about-intro{color:#bca210;font-size:4rem}.about__description{letter-spacing:.2rem}.about__description p{margin-top:2rem}.links-cta{border:1px solid #bca210;bottom:9%;padding:1rem 2rem;position:absolute;right:45%;-webkit-transform:translate(-20%,-100%);transform:translate(-20%,-100%)}.links-cta:link,.links-cta:visited{background-color:#bca210;color:#333;font-size:2.5rem;font-weight:400;text-decoration:none}.links-cta:active,.links-cta:hover{background-color:none;border:1px solid #bca210;color:#333}@media (max-width:1200px){.about{margin:40rem 10rem 7rem 2rem}.links-cta{border:1px solid #bca210;bottom:3%;padding:1rem 2rem;position:absolute;right:45%;-webkit-transform:translate(-20%,-100%);transform:translate(-20%,-100%)}}@media (max-width:800px){.about{box-shadow:60px -16px #bca210;margin:40rem 2rem 7rem;padding:6rem 4rem 15rem}}.dev-skills-section-box{background-color:#eed114;display:grid}.dev-skills-section{color:#333;display:flex;font-size:2rem;font-weight:500;justify-content:space-around;letter-spacing:.3rem;padding:2rem}.dev-skills-section__heading{font-size:5rem;letter-spacing:.3rem;margin-top:4rem;text-align:center}.dev-skills-section li{list-style:none}.dev-skills__heading{box-shadow:inset 0 -3rem 5rem rgba(0,0,0,.1),0 0 0 0 #080808,.3rem .3rem 1rem rgba(0,0,0,.3);font-size:3rem;margin-bottom:2rem}.skills-card{padding:4rem}@media (max-width:600px){.dev-skills-section{align-items:center;color:#333;display:flex;flex-direction:column;font-size:2rem;font-weight:500;justify-content:space-around;letter-spacing:.3rem;width:100%}}.navigation{background-color:#11232c;opacity:1;position:fixed;right:0;top:0;width:100%;z-index:100}.navigation__container{align-items:center;display:flex;justify-content:space-evenly}.name{color:#bca210;font-size:4rem;font-weight:400;letter-spacing:5px}.ul__link-list{align-items:center;display:flex;gap:2rem;letter-spacing:2px;list-style:none;text-transform:uppercase}.logo{margin-left:4rem;width:100px}.logo:active,.logo:hover{border:1px solid #bca210;-webkit-filter:brightness(5);filter:brightness(5)}.links:link,.links:visited{color:#bca210;font-size:1.5rem;text-decoration:none}.links:active,.links:hover{border-bottom:1px solid #bca210;padding:.5rem}.a-links{color:#bca210;text-decoration:none}@media (min-width:1800px){html{font-size:70%}}@media (max-width:1200px){html{font-size:60%}.navigation__container{display:flex;flex-direction:column;justify-content:center}.logo{margin-left:0}.center-logo{text-align:center}.ul__link-list{display:flex;font-size:1.1rem;gap:2rem;justify-content:center;letter-spacing:2px;list-style:none;padding:4rem;text-transform:uppercase}.ul__link-list:last-child{margin-right:0}}@media (max-width:900px){html{font-size:50%}.navigation__container{display:flex;flex-direction:column;justify-content:center}.logo{margin-left:0}.center-logo{text-align:center}.ul__link-list{display:flex;font-size:1.1rem;gap:2rem;justify-content:center;letter-spacing:2px;list-style:none;padding:4rem;text-transform:uppercase}.ul__link-list:last-child{margin-right:0}}@media (max-width:430px){html{font-size:40%}.ul__link-list:last-child{margin-right:0}.logo{margin-left:0}}@media (max-width:330px){html{font-size:35%}.name{font-size:3rem;letter-spacing:4px}.ul__link-list:last-child{margin-right:0}.logo{margin-left:0}}.arabic__project-hero{width:100%}.arabic__project-container{display:grid;grid-template-columns:3fr 1fr;justify-content:center;padding:10rem 3rem 3rem}.arabic__teck-stack{align-items:center;display:flex;flex-direction:column}.arabic__teck-title{color:#666;font-size:2.5rem;text-align:center}.arabic__stack-list{border-radius:1rem;color:#fff;font-size:2rem;letter-spacing:.2rem;list-style:none;margin-bottom:1rem;padding:1rem;text-align:center}.js{color:#000}.arabic__project-title{color:#666;font-size:3.5rem;text-align:center}.arabic__project-about{align-items:center;color:#666;display:flex;flex-direction:column;font-size:2rem;justify-content:center;padding:0 3rem}.arabic__project-title,.arabic__teck-title,.arabic__worked-with-title{letter-spacing:.5rem;margin-bottom:3rem;margin-top:3rem}.arabic__project-description{margin-bottom:1rem}.arabic__title-of-book{font-style:italic}.arabic__project-img{border:.5px solid #444;border-radius:.5rem;margin-top:3rem;max-width:100%;padding:.5rem}.arabic__link-box{align-items:center;color:#666;display:flex;flex-direction:column;font-size:1.5rem;gap:1rem}.arabic__view-links{background-color:#e9ecef;font-size:1.7rem;letter-spacing:.2rem;margin-bottom:1rem}.arabic__view-links:link,.arabic__view-links:visited{border:.5px solid#444;border-radius:1rem;display:block;padding:1rem 2rem;text-decoration:none}.arabic__view-links:active,.arabic__view-links:hover{border:none;display:block;padding:1rem 2rem;text-decoration:none}.live:link,.live:visited{background-color:#000;color:#fff}.live:active,.live:hover{-webkit-filter:brightness(150%);filter:brightness(150%)}.arabic__worked-with-box{grid-gap:2rem;background-color:#495057;border-radius:.7rem;display:grid;gap:2rem;grid-template-columns:repeat(4,4fr);padding:2rem}.arabic__used-list{border-radius:.7rem;max-width:100%}.arabic__worked-with-title{letter-spacing:.4rem;text-align:center}@media (max-width:1200px){.arabic__project-hero{padding-top:25rem;width:100%}.arabic__teck-title{color:#666;font-size:2.5rem;padding-top:15rem}}@media (max-width:850px){.arabic__project-hero{height:75vh;width:100%}.arabic__teck-title{color:#666;font-size:2.5rem}}@media (max-width:500px){.arabic__project-hero{padding-top:25rem;width:100%}.arabic__project-container{display:flex;flex-direction:column;padding-top:5rem}.arabic__stack-list{border-radius:1rem;display:inline-block;font-size:1.7rem;list-style:none;margin:1rem}.arabic__link-box{align-items:center;border-radius:.7rem;display:flex;display:block;font-size:2rem;padding:0 3rem;text-align:center;width:100%}.arabic__teck-title{color:#444}.arabic__ul-container{border:.5px solid gray;border-radius:.7rem;padding:0 3rem}.arabic__stack-list-text{border:1px solid gray;color:#fff}.arabic__view-links{align-items:center;color:#666;display:flex;flex-direction:row;font-size:1.5rem;gap:1rem}.link-and-stack-box{border-radius:1.7rem}.arabic__view-links:link,.arabic__view-links:visited{background-color:#495057;border:.5px solid#444;border-radius:1rem;color:#fff;display:block;font-size:2rem;padding:1rem 2rem;text-decoration:none}}@media (max-width:400px){.arabic__project-hero{padding-top:22rem;width:100%}}.portfolio__project__hero{padding-top:10rem;width:100%}.portfolio__project__container{display:grid;grid-template-columns:4fr 1fr;justify-content:center;padding:3rem}.portfolio__teck-stack{align-items:center;border-radius:1.7rem;display:flex;display:block;flex-direction:column;padding:0 2rem}.portfolio__teck-title{font-size:3rem;text-align:center}.portfolio__used-stack-box{border-radius:.7rem;padding:2rem}.portfolio__stack-list-text{background-color:#495057;color:#fff}.portfolio__stack-list{border-radius:1rem;color:#fff;font-size:2rem;list-style:none;margin-bottom:1rem;padding:1rem;text-align:center}.portfolio__project-title{color:#444;font-size:3rem;text-align:center}.portfolio__project-about{color:#444;font-size:2rem}.portfolio__project-title,.portfolio__teck-title,.portfolio__worked-with-title{letter-spacing:.5rem;margin-bottom:3rem;margin-top:3rem}.portfolio__project__description{margin-bottom:1rem}.center-text{text-align:center}.portfolio__title-of-book{font-style:italic}.portfolio__project-img-samples-box{background:linear-gradient(180deg,#0a2540,#c8bead);border-radius:1rem;margin-top:3rem;padding:2rem}.portfolio__project-img-samples{grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem;display:grid;grid-template-columns:repeat(3,3fr);justify-content:space-between}.portfolio__project-img{border-radius:.5rem;margin-top:3rem;max-width:100%;padding:.5rem}.item-span{grid-column:span 2}.portfolio__link-box{align-items:center;color:#d3caca;display:flex;flex-direction:column;font-size:2rem;gap:1rem;justify-content:center;padding:0 2rem;text-align:center}.portfolio__view-links{background-color:#ce7d00}.portfolio__view-links:link,.portfolio__view-links:visited{border-radius:1rem;color:#fff;display:block;padding:1rem 3rem;text-decoration:none;width:100%}.portfolio__view-links:active,.portfolio__view-links:hover{background-color:#0a2540;border-radius:1rem;display:block;-webkit-filter:contrast(65%);filter:contrast(65%);padding:1rem 2rem;text-decoration:none}.portfolio__worked-with-box{grid-gap:2rem;background-color:#495057;border-radius:.7rem;display:grid;gap:2rem;grid-template-columns:repeat(3,4fr);padding:2rem}.portfolio__used-list{border-radius:.7rem;max-width:100%}.portfolio__worked-with-title{font-size:2.5rem;letter-spacing:.5rem;text-align:center}@media (max-width:1200px){.portfolio__project__hero{padding-top:22rem;width:100%}.portfolio__teck-title{font-size:3rem}}@media (max-width:850px){.portfolio__project__hero{padding-top:25rem;width:100%}.portfolio__teck-title{font-size:3rem}}@media (max-width:500px){.portfolio__project__hero{padding-top:29rem;width:100%}.portfolio__project__container{display:flex;flex-direction:column}.portfolio__stack-list{border-radius:1rem;display:block;font-size:1.7rem;list-style:none;margin:1rem;max-width:100%}.portfolio__link-box{align-items:center;display:flex;display:block;font-size:2rem;margin:2rem}.portfolio__ul-container{border-radius:.7rem;padding:.3rem}.portfolio__stack-list-text{border:1px solid gray;color:#fff}.portfolio__view-links{align-items:center;background-color:#ce7d00;border:none;color:#444;display:flex;font-size:1.5rem;gap:.7rem;margin-bottom:1rem}}.pdf{background-color:#11232c;border:none;border-radius:5px;bottom:10%;color:#fff;font-size:1.5rem;letter-spacing:.2rem;padding:1.5rem;position:fixed;right:0}.pdf:hover{color:#fff;-webkit-filter:brightness(150%);filter:brightness(150%)}.cv-container{letter-spacing:3px;padding:5rem}.cv-heading{color:#444;display:flex;gap:2rem;justify-content:space-between;margin-top:5rem;padding:5rem 0}.myName{display:block;font-size:5rem;letter-spacing:3px;margin-bottom:2.5rem}.role-title{display:block;font-size:3rem;font-weight:400;letter-spacing:2px;margin-bottom:1rem}.details{gap:2rem;list-style:none}.contact-and-link-box,.details{display:flex;flex-direction:column}.contact-and-link-box{font-size:1.7rem;gap:2.5rem;justify-content:flex-start}.icon{margin-right:2rem;width:2rem}.print-icon{width:4rem}.cv-links-container{align-items:center;display:flex;font-size:2rem;gap:1rem;justify-content:space-between;letter-spacing:.2rem;list-style:none;margin-bottom:1rem}.cv-links:link,.cv-links:visited{border-bottom:1px solid #444;color:#444;text-decoration:none}.cv-links:active,.cv-links:hover{padding:.5rem}.cv-profile__description,.education__list,.relevant-experience,.skills{font-size:2rem;letter-spacing:1.7px;line-height:1.5}.cv-profile__description{letter-spacing:.3rem}.sub-heading{font-size:3rem;margin-bottom:2rem}.h4-heading{font-size:2rem}.h5-heading{font-size:1.5rem}.h4-heading,.h5-heading,.sub-heading{margin:1rem 0}.education__list,.list,.relevant-experience__list{list-style:inside}.section{margin-bottom:5rem}.sub-section{margin-top:3rem}.skills{border-bottom:1px solid #343738;display:flex;justify-content:space-between;list-style:none}.skills-list{border-bottom:none;font-weight:700;margin-top:2rem}li{margin-bottom:1rem}
/*# sourceMappingURL=main.25d6e3f0.css.map*/