@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Oswald&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600;700&display=swap);
main{max-width:1700px;margin-left:auto;min-height:100vh;padding:5rem 0;display:flex;align-items:center}main .wrapper{display:flex;align-items:center;width:1700px;margin:auto}main .wrapper .text{padding-right:5rem;padding-left:2rem}main .wrapper .text h1{font-family:"Oswald",sans-serif;font-size:6rem;line-height:1;color:#2e3642;margin-bottom:2rem}main .wrapper .text p{font-size:2rem;margin-bottom:4rem;color:#2e3642}main .wrapper .text a{font-size:1.5rem;font-weight:bold;background:#2e3642;color:#fff;padding:1rem 5rem;text-transform:uppercase;box-shadow:1rem 1rem 0 0 #2a51d9;transition:box-shadow 0.2s}main .wrapper .text a:hover,main .wrapper .text a:active{box-shadow:1.5rem 1.5rem 0 0 #2a51d9}main .wrapper .projects{flex:1;overflow-x:hidden;border-left:2px solid #cacddf;padding-left:3rem}main .wrapper .projects .heading{font-weight:bold;margin-bottom:2rem;text-transform:uppercase;color:#2e3642}main .wrapper .projects .instruction{margin-top:1.5rem}main .wrapper .projects .instruction p{text-align:center;text-transform:uppercase;font-weight:bold;color:#2e3642}main .wrapper .projects .instruction p span{margin-left:.5rem}main .wrapper .projects .swiper-container{width:100%;height:600px}main .wrapper .projects .swiper-container .swiper-pagination-bullet{width:1rem;height:1rem}main .wrapper .projects .swiper-container .swiper-pagination-bullet-active{background:#2a51d9}main .wrapper .projects .project{background:linear-gradient(180deg, #2d2ad9 50%, #2a51d9 100%);height:90%;border-radius:10px;padding:.5rem;display:flex;flex-direction:column}main .wrapper .projects .project .img{height:320px}main .wrapper .projects .project .img img{width:100%;height:100%;object-fit:cover;border-radius:5px}main .wrapper .projects .project .content{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem}main .wrapper .projects .project .content h3{text-transform:uppercase;text-align:center;margin-bottom:1rem;color:#fff}main .wrapper .projects .project .content .btns a:first-child{margin-bottom:.5rem}main .wrapper .projects .project .content .btns a{display:block;text-align:center;background:#1a3596;color:#fff;border-radius:5px;width:100%;padding:.5rem;text-transform:uppercase;font-weight:bold;transition:background 0.3s}main .wrapper .projects .project .content .btns a:hover{background:#12266b}aside{z-index:-1;position:fixed;left:0;width:300px;height:100vh;background:#f2f4ff}@media (max-width: 1680px){main{max-width:1250px;min-height:100vh;padding:5rem 0}main .text{padding-right:5rem;padding-left:2rem}main .text h1{font-family:"Oswald",sans-serif;font-size:3.5rem;line-height:1;color:#2e3642;margin-bottom:1.5rem}main .text p{font-size:1rem;margin-bottom:2rem;color:#2e3642}main .text a{font-size:0.7rem;font-weight:bold;background:#2e3642;color:#fff;padding:.5rem 3rem;text-transform:uppercase;box-shadow:.5rem .5rem 0 0 #2a51d9;transition:box-shadow 0.2s}main .text a:hover,main .text a:active{box-shadow:0.7rem 0.7rem 0 0 #2a51d9}main .projects{flex:1;overflow-x:hidden;border-left:2px solid #cacddf;padding-left:3rem}main .projects .heading{font-weight:bold;margin-bottom:2rem;text-transform:uppercase;color:#2e3642}main .projects .instruction{margin-top:.5rem}main .projects .instruction p{text-align:center;text-transform:uppercase;font-weight:bold;color:#2e3642;font-size:0.7rem}main .projects .instruction p span{margin-left:.5rem}main .projects .swiper-container{width:100%;height:350px}main .projects .swiper-container .swiper-pagination-bullet{width:.5rem;height:.5rem}main .projects .swiper-container .swiper-pagination-bullet-active{background:#2a51d9}main .projects .project{background:linear-gradient(180deg, #2d2ad9 50%, #2a51d9 100%);height:90%;border-radius:10px;padding:.5rem;display:flex;flex-direction:column}main .projects .project .img{height:150px}main .projects .project .img img{width:100%;height:100%;object-fit:cover;border-radius:5px}main .projects .project .content{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:1rem}main .projects .project .content h3{text-transform:uppercase;text-align:center;margin-bottom:1rem;color:#fff;font-size:1rem}main .projects .project .content .btns a:first-child{margin-bottom:.5rem}main .projects .project .content .btns a{display:block;text-align:center;background:#1a3596;color:#fff;border-radius:5px;width:100%;padding:.5rem;text-transform:uppercase;font-weight:bold;font-size:0.7rem}aside{z-index:-1;position:fixed;left:0;width:200px;height:100vh;background:#f2f4ff}}@media (max-width: 1024px){main{max-width:100%;min-height:0;padding:6rem 0;flex-direction:column;margin:0 auto}main .text{padding-right:0;margin-bottom:3rem;text-align:center}main .text h1{font-family:"Oswald",sans-serif;font-size:2.5rem;line-height:1;color:#2e3642;margin-bottom:2rem;text-align:center}main .text p{font-size:1rem;margin-bottom:2rem;color:#2e3642}main .text a{font-size:0.7rem;font-weight:bold;background:#2e3642;color:#fff;padding:.5rem 3rem;text-transform:uppercase;box-shadow:.5rem .5rem 0 0 #2a51d9;transition:box-shadow 0.2s}main .text a:hover,main .text a:active{box-shadow:0.7rem 0.7rem 0 0 #2a51d9}main .projects{flex:1;overflow-x:hidden;border-left:none;padding-left:0;margin-bottom:6rem}main .projects .heading{font-weight:bold;margin-bottom:1rem;text-transform:uppercase;color:#2e3642}main .projects .instruction{margin-top:.5rem}main .projects .instruction p{text-align:center;text-transform:uppercase;font-weight:bold;color:#2e3642;font-size:0.7rem}main .projects .instruction p span{margin-left:.5rem}main .projects .swiper-container{width:250px;height:350px}main .projects .swiper-container .swiper-pagination-bullet{width:.5rem;height:.5rem}main .projects .swiper-container .swiper-pagination-bullet-active{background:#2a51d9}main .projects .project{background:linear-gradient(180deg, #2d2ad9 50%, #2a51d9 100%);height:90%;border-radius:10px;padding:.5rem;display:flex;flex-direction:column}main .projects .project .img{height:150px}main .projects .project .img img{width:100%;height:100%;object-fit:cover;border-radius:5px}main .projects .project .content{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:1rem}main .projects .project .content h3{text-transform:uppercase;text-align:center;margin-bottom:1rem;color:#fff;font-size:1rem}main .projects .project .content .btns a:first-child{margin-bottom:.5rem}main .projects .project .content .btns a{display:block;text-align:center;background:#1a3596;color:#fff;border-radius:5px;width:100%;padding:.5rem;text-transform:uppercase;font-weight:bold;font-size:0.7rem}aside{display:none}}nav{position:fixed;top:0;width:100%;z-index:20;transition:all 0.2s}nav .wrapper{display:flex;justify-content:space-between;align-items:center;margin:0 auto;max-width:1700px;padding:0 2rem}nav .wrapper .nav-brand{display:flex;align-items:center}nav .wrapper .nav-brand p{padding:0 1rem;font-weight:600;color:#2e3642;font-size:14px}nav .wrapper .nav-brand .brand{font-weight:bold;padding:1rem 0;display:flex}nav .wrapper .nav-brand .brand svg{width:2.5rem;height:2.5rem}nav .wrapper .nav-brand .brand svg path{fill:#2e3642}nav .wrapper a{color:#2e3642}nav .wrapper .links a{font-size:1.5rem;padding:1rem;font-weight:400;transition:font-weight 0.3s}nav .wrapper .links a:hover{font-weight:700}.mobileNav{display:none}.nav-scroll{background:#f2f4ff;border-bottom:1px solid #cacddf}@media (max-width: 1680px){nav .wrapper{max-width:1300px}nav .wrapper .brand{font-weight:bold;padding:.5rem}nav .wrapper .brand svg{width:3rem;height:3rem}nav .wrapper .links a{font-size:1rem}}@media (max-width: 1024px){.mobileNav{z-index:20;display:block !important;position:fixed;bottom:0;left:0;width:100%;background:#2e3642}.mobileNav .mobileContainer{display:flex;flex-direction:column;color:#fff}.mobileNav .mobileContainer .navLinks{display:flex;margin-bottom:1rem}.mobileNav .mobileContainer .navLinks a{text-align:center;flex:1;color:#fff;padding:1rem 0}.mobileNav .mobileContainer .mobileFooter{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.mobileNav .mobileContainer .mobileFooter p{font-size:.7rem;margin-bottom:.5rem}.mobileNav .mobileContainer .mobileFooter .mobileIcons{display:flex;align-items:center;padding-right:.5rem}.mobileNav .mobileContainer .mobileFooter .mobileIcons a{font-size:1.5rem;color:#fff;padding:.5rem}.mobileNav .mobileContainer .mobileFooter .mobileIcons .resume{font-size:.7rem;background:#fff;color:#2e3642;border-radius:5px;margin-left:.5rem;font-weight:700}nav{background:#f2f4ff}nav .wrapper .brand{padding-left:1rem !important}nav .wrapper .brand svg{width:2rem;height:2rem}nav .wrapper .brand svg path{fill:#2e3642}nav .links{display:none}}footer{position:fixed;bottom:0;width:100%;z-index:20;transition:all 0.2s}footer .wrapper{display:flex;justify-content:space-between;align-items:center;margin:0 auto;max-width:1700px;padding:.5rem 2rem}footer .wrapper .contact{display:flex;align-items:center}footer .wrapper .contact .resume{font-size:1rem;text-transform:uppercase;color:#fff;background:#2e3642;padding:.5rem 1.5rem;border-radius:5px}footer .wrapper .contact .resume:hover{background:#434f60;color:#fff}footer .wrapper .contact .email{color:#2e3642;display:flex;align-items:center}footer .wrapper .contact .email span{font-size:2.5rem;margin-right:.5rem}footer .wrapper .contact a{font-size:2.5rem;margin-right:1rem;color:#2e3642}footer .wrapper .contact a:hover{color:#434f60}footer .wrapper .footer-text{color:#cacddf}.footerDown{background:#f2f4ff;border-top:1px solid #cacddf;position:relative;transition:all 0.2s}.footerDown .wrapper{display:flex;justify-content:space-between;align-items:center;margin:0 auto;max-width:1700px;padding:.5rem 2rem}.footerDown .wrapper .contact{display:flex;align-items:center}.footerDown .wrapper .contact .resume{font-size:1rem;text-transform:uppercase;color:#fff;background:#2e3642;padding:.5rem 1.5rem;border-radius:5px}.footerDown .wrapper .contact .resume:hover{background:#434f60;color:#fff}.footerDown .wrapper .contact .email{color:#2e3642;display:flex;align-items:center}.footerDown .wrapper .contact .email span{font-size:2.5rem;margin-right:.5rem}.footerDown .wrapper .contact a{font-size:2.5rem;margin-right:1rem;color:#2e3642}.footerDown .wrapper .contact a:hover{color:#434f60}.footerDown .wrapper .footer-text{color:#cacddf}@media (max-width: 1680px){footer{position:fixed;bottom:0;width:100%;z-index:20;transition:all 0.2s}footer .wrapper{display:flex;justify-content:space-between;align-items:center;max-width:1300px;margin:0 auto}footer .wrapper .contact{display:flex;align-items:center}footer .wrapper .contact .resume{font-size:0.7rem;text-transform:uppercase;color:#fff;background:#2e3642;padding:.5rem 1rem;border-radius:5px}footer .wrapper .contact .email{color:#2e3642;display:flex;align-items:center}footer .wrapper .contact .email span{font-size:1.5rem;margin-right:.5rem}footer .wrapper .contact a{font-size:1.5rem;margin-right:1rem;color:#2e3642}footer .wrapper .footer-text{color:#cacddf}.footerDown{transition:all 0.2s}.footerDown .wrapper{display:flex;justify-content:space-between;align-items:center;max-width:1300px;margin:0 auto}.footerDown .wrapper .contact{display:flex;align-items:center}.footerDown .wrapper .contact .resume{font-size:0.7rem;text-transform:uppercase;color:#fff;background:#2e3642;padding:.5rem 1rem;border-radius:5px}.footerDown .wrapper .contact .email{color:#2e3642;display:flex;align-items:center}.footerDown .wrapper .contact .email span{font-size:1.5rem;margin-right:.5rem}.footerDown .wrapper .contact a{font-size:1.5rem;margin-right:1rem;color:#2e3642}.footerDown .wrapper .footer-text{color:#cacddf}}@media (max-width: 1024px){footer,.footerDown{display:none}}*{margin:0;padding:0;box-sizing:border-box;font-family:"Quicksand", sans-serif}a{text-decoration:none;display:inline-block}button{border:none;cursor:pointer;font-size:1rem}button:focus,input:focus{outline:none}.loader-wrapper{z-index:30;width:100%;height:100vh;position:fixed;top:0;left:0;background-color:#cacddf;opacity:1;transition:opacity 0.5s;pointer-events:all;display:flex;justify-content:center;align-items:center}.loader-wrapper .loader svg{width:200px}.loader-wrapper .loader svg path{fill:#2e3642}.mobileNav{display:none}.projectsAll{position:relative;min-height:100vh;padding:12rem 0 0 0;display:flex}.projectsAll .PARSA{z-index:-20;position:absolute;top:11%;left:1%;width:100%}.projectsAll .projectContainer{max-width:1500px;margin:0 auto 5rem auto}.projectsAll .projectContainer .projectText h1{font-family:"Oswald",sans-serif;font-size:5rem;text-align:center;color:#2e3642}.projectsAll .projectContainer .projectText p{font-size:2rem;margin-bottom:3rem;text-align:center;color:#2e3642}.projectsAll .projectContainer .allProjects{display:flex;justify-content:center;flex-wrap:wrap;margin:1rem}.projectsAll .projectContainer .allProjects .eachProject{background:linear-gradient(180deg, #2d2ad9 50%, #2a51d9 100%);margin:1rem 1rem 3rem 1rem;border-radius:10px;padding:.5rem;display:flex;flex-direction:column;max-width:450px;width:100%}.projectsAll .projectContainer .allProjects .eachProject .img{height:350px}.projectsAll .projectContainer .allProjects .eachProject .img img{width:100%;height:100%;object-fit:cover;border-radius:5px}.projectsAll .projectContainer .allProjects .eachProject .content{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem}.projectsAll .projectContainer .allProjects .eachProject .content h3{text-align:center;margin-bottom:1rem;color:#fff;font-size:2rem}.projectsAll .projectContainer .allProjects .eachProject .content h4{text-align:center;margin-bottom:1.5rem;color:#fff;font-size:1rem}.projectsAll .projectContainer .allProjects .eachProject .content .tech{margin-bottom:2rem;display:flex;justify-content:center}.projectsAll .projectContainer .allProjects .eachProject .content .tech .allTech p{display:inline-block;padding:.5rem;color:#fff;background:#221fb1;margin-bottom:0.3rem;border-radius:3px}.projectsAll .projectContainer .allProjects .eachProject .content .btns a:first-child{margin-bottom:1rem}.projectsAll .projectContainer .allProjects .eachProject .content .btns a{display:block;text-align:center;background:#1a3596;color:#fff;border-radius:5px;width:100%;padding:1rem;text-transform:uppercase;font-weight:bold;transition:background 0.3s}.projectsAll .projectContainer .allProjects .eachProject .content .btns a:hover{background:#12266b}.me{position:relative;min-height:100vh;padding:12rem 0 0 0;display:flex;justify-content:center}.me .meContainer{max-width:1500px;margin:0rem auto 5rem auto}.me .meContainer .techText,.me .meContainer .skillText{margin-bottom:5rem}.me .meContainer .techText h1,.me .meContainer .skillText h1{font-family:"Oswald",sans-serif;font-size:5rem;text-align:center;color:#2e3642}.me .meContainer .techText p,.me .meContainer .skillText p{font-size:2rem;margin-bottom:3rem;text-align:center;color:#2e3642}.me .meContainer .techStack{display:flex;justify-content:center;flex-wrap:wrap}.me .meContainer .techStack .front{padding-right:2rem;border-right:2px solid #cacddf;text-align:center;max-width:550px}.me .meContainer .techStack .front h2{margin-bottom:2rem}.me .meContainer .techStack .front .allTech{display:flex;justify-content:center}.me .meContainer .techStack .front .allTech .tech p{margin:0 .5rem 1rem .5rem;font-size:1.5rem;font-weight:700;text-align:center;padding:1rem;border-radius:5px;border:1px solid #2e3642;display:inline-block;color:#2e3642}.me .meContainer .techStack .back{padding-left:2rem;text-align:center;max-width:550px}.me .meContainer .techStack .back h2{margin-bottom:2rem}.me .meContainer .techStack .back .allTech{display:flex;justify-content:center}.me .meContainer .techStack .back .allTech .tech{margin-bottom:2rem}.me .meContainer .techStack .back .allTech .tech p{font-size:1.5rem;font-weight:700;text-align:center;padding:1rem;border-radius:5px;border:1px solid #2e3642;display:inline-block;margin:0 .5rem 1rem .5rem;color:#2e3642}.me .meContainer .skillText{margin-top:4rem}.me .meContainer .mySkills .skillsContainer{margin:0rem auto 5rem auto}.me .meContainer .mySkills .skillsContainer .allSkills{display:grid;grid-template-columns:repeat(3, 1fr);margin:1rem}.me .meContainer .mySkills .skillsContainer .allSkills .skill{margin:0 1rem 2rem 1rem;border:1px solid #2e3642;padding:2rem;display:flex;align-items:center;border-radius:5px}.me .meContainer .mySkills .skillsContainer .allSkills .skill div h2{font-family:"Oswald",sans-serif;font-size:2rem;display:inline-block;color:#2e3642;padding-bottom:.5rem;border-bottom:1px solid #cacddf}.me .meContainer .mySkills .skillsContainer .allSkills .skill div p{font-size:1.5rem;color:#2e3642;padding-top:.5rem}.me .meContainer .about .aboutText{margin-bottom:5rem}.me .meContainer .about .aboutText h1{font-family:"Oswald",sans-serif;font-size:5rem;text-align:center;color:#2e3642}.me .meContainer .about .aboutText p{font-size:2rem;margin-bottom:3rem;text-align:center;color:#2e3642}.me .meContainer .aboutContainer{display:flex;justify-content:center;align-items:center;margin:0rem auto 5rem auto}.me .meContainer .aboutContainer .aboutMe{display:flex}.me .meContainer .aboutContainer .aboutMe .aboutImg{margin-right:6rem;width:100%;height:520px;border-radius:5px;box-shadow:1rem 1rem 0 0 #2e3642}.me .meContainer .aboutContainer .aboutMe .aboutImg img{width:100%;height:100%;object-fit:cover;border-radius:5px}.me .meContainer .aboutContainer .aboutMe .aboutContent{display:flex;align-items:center}.me .meContainer .aboutContainer .aboutMe .aboutContent div h3{font-size:2rem;color:#2e3642;font-weight:400;margin-bottom:1rem}.contactMe{position:relative;min-height:100vh;padding:12rem 0 0 0;display:flex;justify-content:center}.contactMe .contactContainer{max-width:1500px;margin:0rem auto 5rem auto}.contactMe .contactContainer .contactText{margin-bottom:5rem}.contactMe .contactContainer .contactText h1{font-family:"Oswald",sans-serif;font-size:5rem;text-align:center;color:#2e3642}.contactMe .contactContainer .contactText p{font-size:2rem;margin-bottom:3rem;text-align:center;color:#2e3642}.contactMe .contactContainer .formContainer .inputs{display:flex;margin-bottom:1rem}.contactMe .contactContainer .formContainer .inputs input{flex:1;width:100%;border-radius:5px;border:1px solid #2e3642;color:#2e3642;padding:1rem;font-size:1.5rem}.contactMe .contactContainer .formContainer .inputs .nameInput{margin-right:.5rem}.contactMe .contactContainer .formContainer .textarea{margin-bottom:1rem}.contactMe .contactContainer .formContainer .textarea textarea{flex:1;width:100%;border-radius:5px;border:1px solid #2e3642;color:#2e3642;padding:1rem;font-size:1.5rem;resize:none}.contactMe .contactContainer .formContainer button{width:100%;background:#2e3642;color:#fff;font-size:1.5rem;border-radius:5px;padding:.5rem 0;transition:background 0.3s}.contactMe .contactContainer .formContainer button i{padding-right:.5rem;font-size:1.5rem}.contactMe .contactContainer .formContainer button:hover{background:#434f60}@media (max-width: 1680px){.projectsAll{position:relative;min-height:100vh;padding:6rem 0 0 0;display:flex}.projectsAll .PARSA{z-index:-20;position:absolute;top:8%;left:0%}.projectsAll .PARSA svg{width:500px;height:auto}.projectsAll .projectContainer{max-width:1200px;margin:0 auto 3rem auto}.projectsAll .projectContainer .projectText h1{font-family:"Oswald",sans-serif;font-size:4rem;text-align:center;color:#2e3642}.projectsAll .projectContainer .projectText p{font-size:1rem;margin-bottom:3rem;text-align:center;color:#2e3642}.projectsAll .projectContainer .allProjects{display:flex;justify-content:center;flex-wrap:wrap;margin:1rem}.projectsAll .projectContainer .allProjects .eachProject{background:linear-gradient(180deg, #2d2ad9 50%, #2a51d9 100%);margin:1rem 1rem 3rem 1rem;border-radius:10px;padding:.5rem;display:flex;flex-direction:column;max-width:350px;width:100%}.projectsAll .projectContainer .allProjects .eachProject .img{height:250px}.projectsAll .projectContainer .allProjects .eachProject .img img{width:100%;height:100%;object-fit:cover;border-radius:5px}.projectsAll .projectContainer .allProjects .eachProject .content{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem}.projectsAll .projectContainer .allProjects .eachProject .content h3{text-align:center;margin-bottom:1rem;color:#fff;font-size:1.5rem}.projectsAll .projectContainer .allProjects .eachProject .content h4{text-align:center;margin-bottom:1.5rem;color:#fff;font-size:1rem}.projectsAll .projectContainer .allProjects .eachProject .content .tech{margin-bottom:2rem;display:flex;justify-content:center}.projectsAll .projectContainer .allProjects .eachProject .content .tech .allTech p{display:inline-block;padding:.5rem;color:#fff;background:#221fb1;margin-bottom:0.3rem;border-radius:3px;font-style:.7rem}.projectsAll .projectContainer .allProjects .eachProject .content .btns a:first-child{margin-bottom:.7rem}.projectsAll .projectContainer .allProjects .eachProject .content .btns a{display:block;text-align:center;background:#1a3596;color:#fff;border-radius:5px;width:100%;padding:.7rem;text-transform:uppercase;font-weight:bold;transition:background 0.3s}.projectsAll .projectContainer .allProjects .eachProject .content .btns a:hover{background:#12266b}.me{padding:6rem 0 0 0}.me .meContainer{max-width:1200px;margin:0rem auto 3rem auto}.me .meContainer .techText,.me .meContainer .skillText{margin-bottom:3rem}.me .meContainer .techText h1,.me .meContainer .skillText h1{font-family:"Oswald",sans-serif;font-size:4rem}.me .meContainer .techText p,.me .meContainer .skillText p{font-size:1rem;margin-bottom:3rem}.me .meContainer .techStack .front{padding-right:1rem;max-width:450px}.me .meContainer .techStack .front h2{margin-bottom:1rem;font-size:1.5rem}.me .meContainer .techStack .front .allTech .tech{margin:0 .7rem 1rem .7rem}.me .meContainer .techStack .front .allTech .tech p{font-size:1rem}.me .meContainer .techStack .back{padding-left:1rem;text-align:center;max-width:450px}.me .meContainer .techStack .back h2{margin-bottom:1rem;font-size:1.5rem}.me .meContainer .techStack .back .allTech .tech{margin:0 .7rem 1rem .7rem}.me .meContainer .techStack .back .allTech .tech p{font-size:1rem}.me .meContainer .skillText{margin-top:2rem}.me .meContainer .mySkills .skillsContainer{margin:0rem auto 5rem auto}.me .meContainer .mySkills .skillsContainer .allSkills{display:grid;grid-template-columns:repeat(3, 1fr)}.me .meContainer .mySkills .skillsContainer .allSkills .skill{margin:0 .5rem 1rem .5rem;border:1px solid #2e3642;padding:2rem;display:flex;align-items:center;border-radius:5px}.me .meContainer .mySkills .skillsContainer .allSkills .skill div h2{font-family:"Oswald",sans-serif;font-size:1.5rem;display:inline-block;color:#2e3642;padding-bottom:.5rem;border-bottom:1px solid #cacddf}.me .meContainer .mySkills .skillsContainer .allSkills .skill div p{font-size:1rem;color:#2e3642;padding-top:.5rem}.me .meContainer .about .aboutText h1{font-family:"Oswald",sans-serif;font-size:4rem}.me .meContainer .about .aboutText p{font-size:1rem;margin-bottom:3rem}.me .meContainer .aboutContainer{margin:0rem auto 3rem auto;max-width:1000px}.me .meContainer .aboutContainer .aboutMe{display:flex}.me .meContainer .aboutContainer .aboutMe .aboutImg{margin-right:6rem;width:100%;height:420px}.me .meContainer .aboutContainer .aboutMe .aboutImg img{width:100%;height:100%;object-fit:cover;border-radius:5px}.me .meContainer .aboutContainer .aboutMe .aboutContent{display:flex;align-items:center}.me .meContainer .aboutContainer .aboutMe .aboutContent div h3{font-size:1.3rem;color:#2e3642;font-weight:400;margin-bottom:1rem}.contactMe{min-height:100vh;padding:6rem 0 0 0}.contactMe .contactContainer{max-width:1200px;margin:0rem auto 0 auto}.contactMe .contactContainer .contactText{margin-bottom:1.5rem}.contactMe .contactContainer .contactText h1{font-family:"Oswald",sans-serif;font-size:4rem}.contactMe .contactContainer .contactText p{font-size:1rem;margin-bottom:1rem}.contactMe .contactContainer .formContainer .inputs{display:flex;margin-bottom:1rem}.contactMe .contactContainer .formContainer .inputs input{flex:1;padding:.5rem;font-size:1rem}.contactMe .contactContainer .formContainer .inputs .nameInput{margin-right:.5rem}.contactMe .contactContainer .formContainer .textarea{margin-bottom:.5rem}.contactMe .contactContainer .formContainer .textarea textarea{flex:1;padding:.5rem;font-size:1rem}.contactMe .contactContainer .formContainer button{font-size:1rem;padding:.5rem 0}.contactMe .contactContainer .formContainer button i{padding-right:.5rem;font-size:1rem}}@media (max-width: 1024px){.projectsAll{position:relative;min-height:100vh;padding:6rem 0 0 0;display:flex}.projectsAll .PARSA{display:none;z-index:-20;position:absolute;top:8%;left:0%}.projectsAll .PARSA svg{width:500px;height:auto}.projectsAll .projectContainer{max-width:1024px;margin:0 auto 10rem auto}.projectsAll .projectContainer .projectText h1{font-family:"Oswald",sans-serif;font-size:4rem;text-align:center;color:#2e3642}.projectsAll .projectContainer .projectText p{font-size:1rem;margin-bottom:1rem;text-align:center;color:#2e3642}.projectsAll .projectContainer .allProjects{display:flex;justify-content:center;flex-wrap:wrap;margin:1rem}.projectsAll .projectContainer .allProjects .eachProject{background:linear-gradient(180deg, #2d2ad9 50%, #2a51d9 100%);margin:1rem;border-radius:10px;padding:.5rem;display:flex;flex-direction:column;max-width:350px;width:100%}.projectsAll .projectContainer .allProjects .eachProject .img{height:200px}.projectsAll .projectContainer .allProjects .eachProject .img img{width:100%;height:100%;object-fit:cover;border-radius:5px}.projectsAll .projectContainer .allProjects .eachProject .content{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem}.projectsAll .projectContainer .allProjects .eachProject .content h3{text-align:center;margin-bottom:1rem;color:#fff;font-size:1.5rem}.projectsAll .projectContainer .allProjects .eachProject .content h4{text-align:center;margin-bottom:1.5rem;color:#fff;font-size:1rem}.projectsAll .projectContainer .allProjects .eachProject .content .tech{margin-bottom:2rem;display:flex;justify-content:center}.projectsAll .projectContainer .allProjects .eachProject .content .tech .allTech p{display:inline-block;padding:.5rem;color:#fff;background:#221fb1;margin-bottom:0.3rem;border-radius:3px;font-style:.7rem}.projectsAll .projectContainer .allProjects .eachProject .content .btns a:first-child{margin-bottom:.7rem}.projectsAll .projectContainer .allProjects .eachProject .content .btns a{display:block;text-align:center;background:#1a3596;color:#fff;border-radius:5px;width:100%;padding:.7rem;text-transform:uppercase;font-weight:bold;transition:background 0.3s}.projectsAll .projectContainer .allProjects .eachProject .content .btns a:hover{background:#12266b}.me{padding:6rem 0 0 0}.me .meContainer{max-width:1200px;margin:0rem auto 3rem auto}.me .meContainer .techText,.me .meContainer .skillText{margin-bottom:3rem}.me .meContainer .techText h1,.me .meContainer .skillText h1{font-family:"Oswald",sans-serif;font-size:4rem}.me .meContainer .techText p,.me .meContainer .skillText p{font-size:1rem;margin-bottom:3rem}.me .meContainer .techStack .front{padding-right:0;border-right:none;max-width:450px}.me .meContainer .techStack .front h2{margin-bottom:1rem;font-size:1.5rem}.me .meContainer .techStack .front .allTech .tech{margin:0 .7rem 1rem .7rem}.me .meContainer .techStack .front .allTech .tech p{font-size:1rem}.me .meContainer .techStack .back{padding-left:0;padding-top:1.5rem;text-align:center;max-width:450px}.me .meContainer .techStack .back h2{margin-bottom:1rem;font-size:1.5rem}.me .meContainer .techStack .back .allTech .tech{margin:0 .7rem 1rem .7rem}.me .meContainer .techStack .back .allTech .tech p{font-size:1rem}.me .meContainer .skillText{margin-top:2rem}.me .meContainer .mySkills .skillsContainer{margin:0rem auto 3rem auto}.me .meContainer .mySkills .skillsContainer .allSkills{display:grid;grid-template-columns:repeat(1, 1fr)}.me .meContainer .mySkills .skillsContainer .allSkills .skill{margin:0 .5rem 1rem .5rem;border:1px solid #2e3642;padding:2rem;display:flex;align-items:center;border-radius:5px}.me .meContainer .mySkills .skillsContainer .allSkills .skill div h2{font-family:"Oswald",sans-serif;font-size:1.5rem;display:inline-block;color:#2e3642;padding-bottom:.5rem;border-bottom:1px solid #cacddf}.me .meContainer .mySkills .skillsContainer .allSkills .skill div p{font-size:1rem;color:#2e3642;padding-top:.5rem}.me .meContainer .about .aboutText{margin-bottom:0}.me .meContainer .about .aboutText h1{font-family:"Oswald",sans-serif;font-size:4rem}.me .meContainer .about .aboutText p{font-size:1rem;margin-bottom:3rem}.me .meContainer .aboutContainer{margin:0rem auto 13rem auto;max-width:1000px}.me .meContainer .aboutContainer .aboutMe{display:flex;flex-direction:column}.me .meContainer .aboutContainer .aboutMe .aboutImg{margin:0;width:100%;height:320px;display:flex;justify-content:center;box-shadow:none}.me .meContainer .aboutContainer .aboutMe .aboutImg img{width:100%;height:100%;object-fit:cover;border-radius:5px}.me .meContainer .aboutContainer .aboutMe .aboutContent{display:flex;align-items:center}.me .meContainer .aboutContainer .aboutMe .aboutContent div h3{text-align:center;padding:1rem;font-size:1.3rem;color:#2e3642;font-weight:400;margin:1rem 0}.contactMe{min-height:100vh;padding:6rem 0 0 0}.contactMe .contactContainer{max-width:1200px;margin:0rem auto 12rem auto}.contactMe .contactContainer .contactText{margin-bottom:1.5rem}.contactMe .contactContainer .contactText h1{font-family:"Oswald",sans-serif;font-size:4rem}.contactMe .contactContainer .contactText p{font-size:1rem;margin-bottom:1rem}.contactMe .contactContainer .formContainer{margin:1rem}.contactMe .contactContainer .formContainer .inputs{display:flex;margin-bottom:1rem}.contactMe .contactContainer .formContainer .inputs input{flex:1;padding:.5rem;font-size:1rem}.contactMe .contactContainer .formContainer .inputs .nameInput{margin-right:.5rem}.contactMe .contactContainer .formContainer .textarea{margin-bottom:.5rem}.contactMe .contactContainer .formContainer .textarea textarea{flex:1;padding:.5rem;font-size:1rem}.contactMe .contactContainer .formContainer button{font-size:1rem;padding:.5rem 0}.contactMe .contactContainer .formContainer button i{padding-right:.5rem;font-size:1rem}}