@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@500&display=swap);*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}a{color:inherit;text-decoration:none}:root{--font-poppins:"Poppins",sans-serif;--font-dmSans:"DM Sans",sans-serif;--gradient-text:linear-gradient(90deg,#13b0f5,#e70faa);--gradient-text2:linear-gradient(90deg,#13b0f5,#e70faa 50%,#13b0f5 70%,#e70faa 90%,#13b0f5);--color-Gainsboro:#d9d9d9;--color-technology:#a7a7a7;--color-Techstack:#ccc;--color-projectBg:#363636;--color-white:#fff;--color-darkmode:#191919;--button-success:#d7ffe0;--button-text:#018c0f}.app{background:var(--color-darkmode);color:var(--color-white);min-height:100vh;width:100%}.progress-bar{background:var(--gradient-text2);height:10px;left:0;position:fixed;right:0;top:0;transform-origin:0}.nav-links{color:var(--color-technology);font-family:var(--font-dmSans);font-size:20px;font-weight:500;line-height:26px}.section__padding{padding-left:4rem 8rem}.footer__p-text{color:var(--color-technology);font-family:var(--font-dmSans);font-size:18px;font-weight:400;line-height:26px}.h1__text{color:var(--color-Gainsboro);font-family:var(--font-poppins);font-size:58px;font-weight:700;letter-spacing:-1px;line-height:70px}.h1__text2{font-size:48px;font-weight:700}.h1__text2,.p__text{color:var(--color-Gainsboro);font-family:var(--font-poppins);line-height:26px;text-align:center}.p__text{font-size:32px;font-weight:400}.gradient__text{-webkit-text-fill-color:#0000;background:var(--gradient-text);background-clip:text;-webkit-background-clip:text}.scale-up-center{animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both}@keyframes scale-up-center{0%{transform:scale(.5)}to{transform:scale(1)}}.app__home-width{width:100%}.app__home{min-height:100vh;width:100%}.app__home,.app__home-center,.app__home-left-text{align-items:center;display:flex;justify-content:center}.app__home-left-text{flex:1 1;flex-direction:column;width:100%}.app__home-left-text h1{width:700px}.app__home .app__home-right img{height:500px;width:500px}@media screen and (max-width:1230px){.app__home-left-text h1{width:550px}.h1__text{font-size:50px;line-height:60px}.app__home .app__home-right img{height:450px;width:450px}}@media screen and (max-width:1040px){.app__home-left-text h1{width:100%}.app__home-center{flex-direction:column-reverse}.app__home-left-text h1{text-align:center}.app__home-center{padding:2rem 0}}@media screen and (max-width:859px){.app__home-left-text{text-align:center;width:100%}.app__home .app__home-right img{height:350px;width:350px}.h1__text{font-size:40px;line-height:55px}}@media screen and (max-width:480px){.app__home-left-text h1{text-align:center;width:100%}.h1__text{font-size:35px;line-height:45px}.app__home .app__home-right img{height:280px;width:280px}}.app__about{min-height:80vh;padding:2rem 0;width:100%}.app__about-details h1{text-align:left}.app__about-details{align-items:center;display:flex;justify-content:center}.app__about-p{color:var(--color-Gainsboro);font-family:var(--font-poppins);font-size:24px;font-weight:400;line-height:40px;padding-top:3rem;text-align:left;width:750px}.app__about-experience{padding-top:8rem}.app__about-experience .work-experience{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem 0}@media screen and (max-width:858px){.app__about-p{text-align:center;width:650px}.app__about-experience .work-experience{padding:1rem 0}}@media screen and (max-width:768px){.app__about-p{font-size:22px;line-height:35px;width:620px}.app__about-experience .work-experience{padding:1rem 0}}@media screen and (max-width:672px){.app__about-p{font-size:20px;line-height:33px;padding-top:2rem;width:580px}.app__about-experience .h1__text2{font-size:33px;line-height:24px}.app__about-experience .work-experience{padding:1rem 0}}@media screen and (max-width:479px){.app__about-p{font-size:15px;line-height:33px;padding-top:2rem;width:350px}.app__about-experience .h1__text2{font-size:31px;line-height:22px}.app__about-experience .work-experience{padding:1rem 0}}@media screen and (max-width:375px){.app__about-p{font-size:13px;line-height:28px;padding-top:1.5rem;text-align:center;width:350px}.app__about .h1__text2,.app__about-experience .h1__text2{font-size:31px;line-height:22px}.app__about-experience .work-experience{padding:.5rem 0}}.app__workCard{height:75px;margin:3rem 0;width:740px}.app__workCard .app__workCard-top{align-items:center;display:flex;justify-content:space-between;width:100%}.app__workCard .app__subfooter-border{margin-top:2rem}.app__workCard-title-h1{color:var(--color-Gainsboro);font-family:var(--font-poppins);font-size:25px;font-weight:400;letter-spacing:1px;line-height:28px}.app__workCard-right button{background:var(--button-success);border:none;border-radius:100px;color:var(--button-text);cursor:pointer;font-family:var(--font-poppins);font-size:15px;font-weight:600;line-height:26px;padding:.5rem 1rem;text-align:center}.app__workCard-bottom{align-items:center;display:flex;justify-content:space-between;padding-top:1rem;width:100%}.app__workCard-location{align-items:center;display:flex;justify-content:flex-start}.app__workCard-location-left,.app__workCard-right-date{align-items:center;display:flex;justify-content:center}.app__workCard-right-date img{padding-right:5px;width:20px}.app__workCard-p{color:var(--color-Gainsboro);font-family:var(--font-poppins);font-size:16px;font-weight:500;letter-spacing:1px;line-height:28px;padding-right:1rem}.app__workCard-location-left img{padding-right:5px;width:20px}.app__workCard-date{color:var(--color-Gainsboro);font-family:var(--font-poppins);font-size:16px;font-weight:500;letter-spacing:1px;line-height:28px}@media screen and (max-width:858px){.app__workCard{width:650px}}@media screen and (max-width:672px){.app__workCard{width:600px;width:530px}.app__workCard-title-h1{font-size:22px;line-height:28px}.app__workCard-p{font-size:12px;line-height:24px}.app__workCard-right button{font-size:13px;line-height:23px}.app__workCard-date{color:var(--color-Gainsboro);font-size:14px;line-height:28px}}@media screen and (max-width:479px){.app__workCard{width:390px}.app__workCard-title-h1{font-size:18px;line-height:25px}.app__workCard-p{font-size:12px;line-height:20px}.app__workCard-right button{font-size:12px;line-height:21px;white-space:nowrap}.app__workCard-date{font-size:12px;line-height:28px;white-space:nowrap}}@media screen and (max-width:425px){.app__workCard{width:320px}.app__workCard-title-h1{font-size:15px;line-height:25px}.app__workCard-p{font-size:11px;line-height:20px}.app__workCard-date{font-size:10px;line-height:25px}.app__workCard-right button{font-size:11px;line-height:20px}}@media screen and (max-width:375px){.app__workCard{width:320px}.app__workCard-title-h1{font-size:13px;line-height:20px}.app__workCard-p{font-size:10px;line-height:20px}.app__workCard-right button{font-size:8px;line-height:16px;white-space:nowrap}.app__workCard-date{font-size:8px;line-height:18px;white-space:nowrap}.app__workCard-p{white-space:wrap}}.app__nav{align-items:center;display:flex;justify-content:space-between;padding:0 5rem;width:100%}.app__nav-logo img{width:150px}.app__nav .app__nav-right,.app__nav-links,.app__nav-logo img{align-items:center;display:flex;justify-content:center}.app__nav-links{cursor:pointer;list-style:none}.app__nav-links li{padding:0 1.5rem}.app__nav-icon-links{align-items:center;display:flex;justify-content:center}.app__nav-icon-links img{padding:0 .5rem;width:45px}.app__nav-mobileMenu{display:none;margin:0 1rem;position:relative}.app__nav-mobileMenu-container{align-items:flex-start;background-color:#353434;border-radius:10px;box-shadow:0 0 5 #0003;display:flex;flex-direction:column;justify-content:center;margin-top:1rem;min-height:350px;min-width:250px;padding:2rem;position:absolute;right:-100%;text-align:left;top:40px}.app__nav-mobileMenu-links{list-style:none;margin:.5rem 0}.app__nav-mobileMenu-links li{color:var(--color-Gainsboro);padding:.8rem}.app__nav-mobileMenu-icon-links{align-items:center;display:flex;justify-content:center;padding:0 1rem}.app__nav-mobileMenu-icon-links img{padding-right:.5rem}@media screen and (max-width:1040px){.app__nav-icon-links,.app__nav-links{display:none}.app__nav-mobileMenu{display:flex}}@media screen and (max-width:768px){.app__nav{padding:0 2rem}}@media screen and (max-width:425px){.app__nav-logo img{width:120px}}.app__techstack{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:80vh;padding:3rem 0}.app__techstack h1{text-align:center}.app__techstack p{padding:3rem 0;text-align:center}.tech-icons{flex-direction:column;justify-content:center}.tech-icons,.tech-icons-top{align-items:center;display:flex}.tech-icons-top{justify-content:flex-start;padding:2rem 0}.tech-icons-top img{padding:0 2rem;width:140px}.tech-icons-bottom{align-items:center;display:flex;justify-content:flex-start;padding:2rem 0}.tech-icons-bottom img{padding:0 2rem;width:140px}@media screen and (max-width:1040px){.h1__text2{font-size:45px;line-height:26px}.app__techstack p{padding:2.5rem 0}.p__text{font-size:28px;line-height:26px}.tech-icons-bottom img,.tech-icons-top img{padding:0 1.5rem;width:120px}}@media screen and (max-width:859px){.h1__text2{font-size:40px;line-height:20px;text-align:center}.p__text{font-size:25px;line-height:20px}.app__techstack p{padding:2rem 0}}@media screen and (max-width:768px){.tech-icons-bottom img,.tech-icons-top img{padding:0 1rem;width:110px}}@media screen and (max-width:624px){.h1__text2{font-size:38px;line-height:18px;text-align:center}.p__text{font-size:23px;line-height:18px}.tech-icons-bottom img,.tech-icons-top img{padding:0 .8rem;width:90px}}@media screen and (max-width:480px){.h1__text2{font-size:35px;line-height:18px;text-align:center}.p__text{font-size:16px;line-height:17px}.tech-icons-bottom img,.tech-icons-top img{padding:0 .5rem;width:80px}}.app__project{min-height:100vh;text-align:center}.app__project,.app__project p{padding:3rem 0}.app__project-card{flex-wrap:wrap;height:100%;width:100%}.app__project-card,.app__project-card-2{align-items:center;display:flex;justify-content:center}.app__project-card-2{margin:2rem 0}@media screen and (max-width:1040px){.app__project-card{display:grid;grid-template-columns:auto auto}.app__project p{padding:2.5rem 0}}@media screen and (max-width:859px){.app__project p{padding:2rem 0}.app__project-card{display:grid;grid-template-columns:auto}}.app__card{background:#363636;border-radius:20px;margin:0 1rem;max-height:800px;width:373px}.app__card:nth-child(n+3){margin-top:1.5rem}.app__card-img img{border-radius:20px 20px 0 0;height:210px;width:373px}.card__h1{font-size:28px;font-weight:500;height:0;padding-top:2rem}.card__h1,.card__p{color:var(--color-Techstack);font-family:var(--font-poppins);line-height:26px;text-align:left;width:314px}.card__p{font-size:18px;font-weight:300;height:150px}.card__p-tech{color:var(--color-Techstack);font-family:var(--font-poppins);font-size:16px;font-weight:400;height:8rem;line-height:26px;text-align:left;width:314px}.app__card-content{align-items:center;display:flex;flex-direction:column;justify-content:flex-start}.card__link-chain{height:60px;padding-left:1rem;width:400px}.card__link-chain,.card__link-chain img{align-items:center;display:flex;justify-content:center}.card__link-chain img{padding:0 .5rem;text-align:left;width:35px}.card__link-chain .card__link{align-items:center;color:var(--color-white);display:flex;font-family:var(--font-poppins);font-size:16px;font-weight:400;height:0;justify-content:flex-start;line-height:26px;text-align:left;text-decoration-line:underline;width:314px}@media screen and (max-width:1040px){.app__card:nth-child(n+3){margin-top:3rem}}@media screen and (max-width:859px){.app__card:nth-child(n){margin-top:2rem}}@media screen and (max-width:450px){.app__card{width:350px}.app__card-img img{height:190px;width:350px}.card__h1{font-size:25px;width:320px}.card__p{font-size:17px;height:150px}.card__p,.card__p-tech{line-height:26px;width:320px}.card__p-tech{font-size:16px}.card__link-chain{padding-left:.3rem;width:300px}.card__link-chain img{padding:0 .5rem;width:32px}.card__link-chain .card__link{font-size:15px;line-height:24px;width:300px}}@media screen and (max-width:375px){.app__card{width:350px}.app__card-img img{height:190px;width:350px}.card__h1{font-size:25px;width:300px}.card__p{font-size:17px;height:150px}.card__p,.card__p-tech{line-height:26px;width:300px}.card__p-tech{font-size:16px}.card__link-chain{padding-left:.3rem;width:300px}.card__link-chain img{padding:0 .5rem;width:32px}.card__link-chain .card__link{font-size:15px;line-height:24px;width:300px}}.app__contact{min-height:80vh}.app__contact-details{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 0}.h1__text3{color:var(--color-Gainsboro);font-family:var(--font-dmSans);font-size:58px;font-weight:700;letter-spacing:-1px;line-height:70px}.app__contact-details .h1__text{padding:2rem}.app__contact-bottom{margin-top:7rem}@media screen and (max-width:1040px){.h1__text3{align-items:center;display:flex;font-size:50px;justify-content:center;line-height:65px}.app__contact-details .h1__text{font-size:48px;line-height:65px}.app__contact-bottom{margin-top:15rem}}@media screen and (max-width:859px){.h1__text3{font-size:43px;line-height:50px}.app__contact-details .h1__text{font-size:38px;line-height:50px;padding:1rem}}@media screen and (max-width:624px){.h1__text3{font-size:33px;line-height:40px}.app__contact-details .h1__text{font-size:32px;line-height:45px;padding:.5rem}}@media screen and (max-width:480px){.h1__text3{font-size:28px;line-height:33px}.app__contact-details .h1__text{font-size:28px;line-height:40px;padding:.5rem}}@media screen and (max-width:425px){.h1__text3{font-size:25px;line-height:30px}.app__contact-details .h1__text{font-size:26px;line-height:35px;padding:.5rem}}@media screen and (max-width:375px){.h1__text3{font-size:22px;line-height:28px}.app__contact-details .h1__text{font-size:24px;line-height:28px;padding:.5rem}}.app__footer{min-height:10vh}.app__footer-top{align-items:center;display:flex;justify-content:space-between;padding:0 5rem;width:100%}.app__footer-logo img{width:150px}.app__footer-logo img,.app__footer-right{align-items:center;display:flex;justify-content:center}.app__footer-right p{padding:0 1rem}@media screen and (max-width:1024px){.app__footer-right{align-items:flex-end;flex-direction:column;justify-content:flex-end}.app__subfooter .app__nav-links{display:none}.app__footer-right p{padding:1px 0}}@media screen and (max-width:859px){.app__footer-logo img{width:130px}.footer__p-text{font-size:16px;line-height:24px}}@media screen and (max-width:768px){.app__footer-top{padding:0 2.5rem}.app__footer-logo img{width:130px}}@media screen and (max-width:624px){.footer__p-text{font-size:14px;line-height:22px}.app__footer-top{padding:0 3rem}}@media screen and (max-width:425px){.app__footer-top{padding:0 2.5rem}.app__footer-logo img{width:120px}.footer__p-text{font-size:13px;line-height:22px}}@media screen and (max-width:375px){.app__footer-top{padding:0 2rem}.app__footer-logo img{width:120px}.footer__p-text{font-size:13px;line-height:22px}}.app__subfooter{min-height:10vh;padding:0 5rem}.app__subfooter,.app__subline{align-items:center;display:flex;justify-content:center;width:100%}.app__subline{margin-bottom:1.5rem;text-align:center}.app__subfooter-border{background:#fff;height:1px;opacity:.3;width:1230px}.app__subfooter-border,.app__subfooter-right{align-items:center;display:flex;justify-content:center}.app__subfooter-right p{color:var(--color-technology);font-family:var(--font-poppins);font-size:23px;font-weight:400;line-height:26px;text-align:center}.app__subfooter-right .text-orange{color:#e70faa}@media screen and (max-width:1024px){.app__subfooter{align-items:center;display:flex;justify-content:center}.app__subfooter .app__nav-links{display:none}.app__subfooter-right p{font-size:20px}.app__subfooter-border{width:850px}}@media screen and (max-width:859px){.app__subfooter-right p{font-size:18px}}@media screen and (max-width:768px){.app__subfooter-border{width:670px}}@media screen and (max-width:624px){.app__subfooter-right p{font-size:14px;line-height:23px}.app__subfooter-border{width:480px}}@media screen and (max-width:425px){.app__subfooter-border{width:400px}.app__subline{margin-bottom:1rem}}@media screen and (max-width:375px){.app__subfooter-right p{font-size:12px;line-height:23px}}
/*# sourceMappingURL=main.69811d36.css.map*/