@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";:root{font-family:Montserrat,serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;text-decoration:inherit}button{--primary-color: #fff;--secondary-color: #43e403;cursor:pointer;border:none;color:#000;font-weight:700;width:fit-content;padding:4px 36px;border-radius:25px;border:2px solid #c8e4c8;transition:.3s ease-in-out;font-family:Montserrat,serif;background-color:var(--primary-color)}button:hover{opacity:80%;border-radius:0}.secondary{background-color:var(--secondary-color);border:2px solid #02af02}.link-container{display:flex;align-items:center;gap:12px}*{margin:0;padding:0;box-sizing:border-box;overflow-x:hidden}em{padding:0 12px;background-color:#000;color:#43e403}.invert-id{color:#000;background-color:#43e403}.landing{padding:0 20px}.hero{display:flex;gap:24px;overflow:hidden;margin-top:90px;align-items:start;flex-direction:column;padding:60px 60px 90px}.hero .hero-text{display:flex;gap:12px;flex-direction:column}.hero .hero-text h1{font-size:4rem;font-weight:700;line-height:1.3;max-width:1200px}.hero .hero-text h3{font-size:1.5rem;font-weight:500;line-height:1.2;max-width:900px;color:#227501}.hero .hero-text p{font-size:1.25rem;line-height:1.6;max-width:600px}.hero .hero-btn-section{display:flex;gap:12px;align-items:center}.body-section{position:relative;color:#fff;padding:45px 60px;background-color:#000;border-top-left-radius:24px;border-top-right-radius:24px}.body-section .skill-set-container .text-container{display:flex;align-items:first baseline;justify-content:space-between}.body-section .skill-set-container .text-container h1{font-size:3.5rem;max-width:400px}.body-section .skill-set-container .text-container p{max-width:600px;text-align:right}.body-section .get-in-touch{display:flex;gap:24px;padding:36px 0;text-align:center;align-items:center;border-radius:25px;margin:100px 0 60px;flex-direction:column;background:url(/assets/pattern-DZY2EPT8.jpg)}.body-section .get-in-touch .logo>img{width:100px}.body-section .get-in-touch .text-container{display:flex;flex-direction:column;gap:24px;max-width:500px}.body-section .get-in-touch .text-container h2{line-height:1.2;font-size:3rem}.body-section .get-in-touch .btn-container{display:flex;gap:8px}.project{padding:90px 0 24px}.project .text-container{display:flex;align-items:center;justify-content:space-between}.project .text-container h2{text-align:left;line-height:1.3;font-size:3.5rem;max-width:600px}.project .text-container p{text-align:right;max-width:600px}.project .projects{display:flex;gap:48px;width:fit-content;margin:70px 0 0;justify-self:center;flex-direction:column}.project .projects .project-name{margin:12px 0 0;font-weight:500;font-size:xx-large}.project .projects .project-img img{width:950px}.project .projects .project-info{display:flex;gap:36px;margin:32px 0 0;align-items:center;justify-content:space-between}.project .projects .project-info button{width:fit-content}.project .projects .project-info .project-description{display:flex;gap:16px;width:100%;font-size:18px;font-weight:400;text-align:left;flex-direction:column}.project .projects .project-info .project-description .description{display:flex;align-items:center;justify-content:space-between}.project .projects .project-info .project-description .description p{max-width:800px}.project .projects .project-info .project-description .description button{width:fit-content}.project .projects .project-info .project-description #stack{color:#000;font-size:16px;font-weight:500;padding:8px 16px;width:fit-content;border-radius:24px;background-color:#43e403}.not-found{display:flex;gap:24px;margin-top:10%;align-items:center;flex-direction:column;justify-content:center}.my-project{margin:0 180px}.my-project h2{margin-bottom:24px}.my-project .project-cover-img{background-color:#d4d4d4c5;height:60vh;border-radius:12px}.my-project .project-info,.my-project .project-info .project-imgs{display:flex;flex-direction:column;gap:24px}.my-project .project-info .project-imgs .img-grid{display:flex;gap:24px}.my-project .project-info .project-imgs .img-grid .img{width:100%;height:50vh;border-radius:12px;background-color:#d4d4d4c5}.about-me{margin:100px 0 50px;text-align:center}.about-me .bio-content{display:flex}.about-me .bio-content .my-bio{display:flex;gap:24px;text-align:left;flex-direction:column}.about-me .bio-content .my-bio .my-bio-headline img{width:400px}.about-me .bio-content .my-bio .my-bio-description{width:75%}.about-me .bio-content .my-bio .my-bio-description p{font-size:20px}.about-me .bio-content .bio-img{width:100%}.about-me .bio-content .bio-img img{width:400px}.about-me h2{margin:12px 0 20px}.my-socials h5{font-size:12px;text-align:left;margin-bottom:12px}.my-socials .socials{display:flex;width:fit-content;gap:16px}.connect-with-me{text-align:center}.connect-with-me h2{text-transform:capitalize;margin:12px 0 20px}.contact-me{display:flex;margin:20px 80px 0;align-items:center;justify-content:space-between}.contact-me .img-container{position:absolute;right:-10%;bottom:-17%}.contact-me .img-container img{width:600px}.input{display:flex;flex-direction:column;width:50%;gap:32px}.contact-me{margin:20px 80px 0}.contact-me .img-container{right:-10%;bottom:-12%}.contact-me .img-container img{width:550px}.input{width:50%;gap:32px}.input button{padding:14px 24px;width:100%}.input .input-container{display:flex;gap:24px;flex-direction:column;width:100%}.input .input-container label{width:100%;text-align:left;font-weight:700;text-transform:capitalize}.input .input-container input{border:none;background:none;outline:none;font-size:large;padding:10px 12px;border-top-left-radius:12px;border-top-right-radius:12px;border-bottom:2px solid #d4d4d4c5}.input .input-container input:focus{background-color:#061b0a}.input-content{display:flex;flex-direction:column;gap:10px}.footer{display:flex;gap:48px;list-style:none;margin-top:100px;flex-direction:column}.footer .footer-content,.footer .links{display:flex;justify-content:space-between}.footer .footer-content .section-1{display:flex;gap:24px;flex-direction:column}.footer .footer-content .section-1 .logo img{width:350px}.footer .footer-content .section-1 li{font-size:1.5rem}.footer .footer-content .section-1 li a{color:#a7a3a3}.footer .footer-content .section-1 .socials{display:flex;gap:12px}.footer .footer-content .section-1 .socials .social{width:fit-content;padding:6px 8px 0;border-radius:12px;background-color:#272727}.footer .footer-content .links{gap:48px;text-align:right}.footer .footer-content .links h2{font-size:1rem;margin-bottom:24px}.footer .footer-content .links a{font-size:1.4rem;color:#a7a3a3}.footer hr{border:2px solid #43e403;border-radius:25px}@media (min-width: 993px) and (max-width: 1200px){.home img{width:780px}.home p{font-size:20px}.avatar img{width:320px;top:55%;right:78%}.project{padding:0 0 16px;text-align:center;font-size:large}.project .headline{margin:26px 0}.project .projects{margin:0 60px}.project .projects .project-name{font-size:x-large}.project .projects .project-img img{width:800px}.about-me .bio-content{display:flex;width:fit-content;align-items:center;text-align:left}.about-me .bio-content .bio-img img{width:100%}.about-me h2{margin:12px 0 36px}.about-me .my-bio .my-bio-headline img{width:380px}.about-me .my-bio .my-bio-description{width:50%}.about-me .my-bio .my-bio-description p{font-size:18px}.connect-with-me h2{margin:12px 0 20px}}@media (min-width: 769px) and (max-width: 992px){.hero{padding:30px 32px 55px}.hero .hero-text{gap:12px}.hero .hero-text h1{font-size:3rem;margin-bottom:24px}.hero .hero-text h3{font-size:1.45rem}.hero .hero-text p{font-size:1.15rem}.body-section .skill-set-container .text-container h1{font-size:2.61rem}.body-section .project .text-container h2{width:100%;font-size:2.61rem}.body-section .about-me{margin-top:12px}.body-section .about-me .bio-content{align-items:center;gap:32px}.body-section .about-me .bio-content .my-bio{width:100%}.body-section .about-me .bio-content .my-bio .my-bio-headline img{width:240px}.body-section .about-me .bio-content .my-bio .my-bio-description{width:100%}.body-section .about-me .bio-content .my-bio .my-bio-description p{font-size:18px}.body-section .about-me .bio-content .my-bio .my-socials .socials img{width:35px}.body-section .about-me .bio-content .bio-img{width:80%}.body-section .about-me .bio-content .bio-img img{width:100%}.body-section .get-in-touch{padding:32px 0;border-radius:12px}.body-section .get-in-touch .text-container h2{font-size:2rem}.footer{gap:48px}.footer .footer-content .section-1{gap:24px}.footer .footer-content .section-1 .logo img{width:170px}.footer .footer-content .section-1 li{font-size:1.1rem}.footer .footer-content .section-1 .socials{gap:12px}.footer .footer-content .section-1 .socials .social{width:fit-content;padding:6px 8px 0}.footer .footer-content .links h2{font-size:.85rem;margin-bottom:24px}.footer .footer-content .links .quick-links li,.footer .footer-content .links .best-cases li{gap:32px}.footer .footer-content .links .quick-links a,.footer .footer-content .links .best-cases a{font-size:1.2rem}}@media (min-width: 481px) and (max-width: 992px){.hero{padding:30px 16px 55px}.hero .hero-text{gap:16px}.hero .hero-text h1{font-size:2.5rem;margin-bottom:12px}.hero .hero-text h3{font-weight:600;font-size:1.2rem}.hero .hero-text p{font-size:1.02rem}.body-section{padding-left:36px;padding-right:36px}.body-section .skill-set-container .text-container,.body-section .project .text-container{display:grid;gap:10px}.body-section .skill-set-container .text-container h1,.body-section .project .text-container h1{font-size:2.8rem}.body-section .skill-set-container .text-container p,.body-section .project .text-container p{text-align:left}.body-section .project .text-container h2{width:100%;font-size:2.8rem}.body-section .about-me{margin-top:12px}.body-section .about-me .bio-content{display:grid;place-items:center;gap:32px}.body-section .about-me .bio-content .my-bio{width:100%}.body-section .about-me .bio-content .my-bio .my-bio-headline img{width:240px}.body-section .about-me .bio-content .my-bio .my-bio-description{width:100%}.body-section .about-me .bio-content .my-bio .my-bio-description p{font-size:18px}.body-section .about-me .bio-content .my-bio .my-socials .socials img{width:35px}.body-section .about-me .bio-content .bio-img{width:80%}.body-section .about-me .bio-content .bio-img img{width:100%}.body-section .get-in-touch{padding:32px 24px;border-radius:12px}.body-section .get-in-touch .text-container h2{font-size:1.8rem}.footer{width:100%}.footer .footer-content{display:grid;gap:48px}.footer .footer-content .section-1{padding:0;gap:24px}.footer .footer-content .section-1 .logo{display:grid;place-items:left}.footer .footer-content .section-1 .logo img{width:80%}.footer .footer-content .section-1 li{font-size:1.1rem}.footer .footer-content .section-1 .socials{gap:12px;width:100%}.footer .footer-content .section-1 .socials .social{width:fit-content;padding:6px 8px 0}.footer .footer-content .links{text-align:left}.footer .footer-content .links h2{font-size:.85rem;margin-bottom:24px}.footer .footer-content .links .quick-links li,.footer .footer-content .links .best-cases li{gap:32px}.footer .footer-content .links .quick-links a,.footer .footer-content .links .best-cases a{text-align:right;font-size:1.2rem}}@media (min-width: 0px) and (max-width: 480px){button{padding:8px 24px}.landing{padding:0 10px}.hero{padding:15px 4px 55px}.hero .hero-text{gap:12px}.hero .hero-text h1{font-size:2.3rem;margin-bottom:12px}.hero .hero-text h3{font-weight:700;font-size:1.1rem;line-height:24px}.hero .hero-text p{line-height:24px;font-size:1rem}.body-section{padding-left:18px;padding-right:18px}.body-section .skill-set-container .text-container,.body-section .project .text-container{display:grid;gap:24px}.body-section .skill-set-container .text-container h1,.body-section .project .text-container h1{font-size:2.5rem}.body-section .skill-set-container .text-container p,.body-section .project .text-container p{text-align:left}.body-section .project .text-container h2{width:100%;font-size:2.3rem}.body-section .about-me{margin-top:12px}.body-section .about-me .bio-content{display:grid;place-items:center;gap:32px}.body-section .about-me .bio-content .my-bio{width:100%}.body-section .about-me .bio-content .my-bio .my-bio-headline img{width:240px}.body-section .about-me .bio-content .my-bio .my-bio-description{width:100%}.body-section .about-me .bio-content .my-bio .my-bio-description p{font-size:18px}.body-section .about-me .bio-content .my-bio .my-socials .socials img{width:35px}.body-section .about-me .bio-content .bio-img img{width:100%}.body-section .get-in-touch{padding:32px 24px;border-radius:8px}.body-section .get-in-touch button{padding:4px 20px}.body-section .get-in-touch .text-container h2{font-size:1.8rem}.footer{width:100%}.footer .footer-content{display:grid;gap:48px}.footer .footer-content .section-1{padding:0;gap:24px}.footer .footer-content .section-1 .logo{display:grid;place-items:left}.footer .footer-content .section-1 .logo img{width:80%}.footer .footer-content .section-1 li{font-size:1.1rem}.footer .footer-content .section-1 .socials{gap:12px;width:100%}.footer .footer-content .section-1 .socials .social{width:fit-content;padding:6px 8px 0}.footer .footer-content .links{text-align:left}.footer .footer-content .links h2{font-size:.85rem;margin-bottom:24px}.footer .footer-content .links .quick-links li,.footer .footer-content .links .best-cases li{gap:32px}.footer .footer-content .links .quick-links a,.footer .footer-content .links .best-cases a{text-align:right;font-size:1.2rem}}html{scroll-behavior:smooth}.slider-container{width:100%;height:100%;overflow-y:hidden}.slider-wrapper{display:flex;transition:transform .5s ease-in-out;transform:translate(0)}.card-container{display:flex;justify-content:space-between}.card,.card>.text-container{display:flex;flex-direction:column}.card{gap:12px;width:100%;margin:40px 0;max-width:350px;padding:30px 20px;border-radius:12px;background-color:#2b2a2a}.card .text-container{text-align:left}.card-img{width:100%;height:40vh;border-radius:8px;background-color:#03da39}@media (min-width: 769px) and (max-width: 992px),(min-width: 481px) and (max-width: 992px),(min-width: 0px) and (max-width: 480px){.card-container{display:block}.card{max-width:100%}.card .text-container{display:grid;gap:6px}.card .text-container h3{font-size:1.5rem}.card .text-container p{font-size:1rem}}.nav-container{display:flex;position:fixed;right:0;left:0;padding:12px 60px;align-items:center;background-color:#ffffff9d;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);justify-content:space-between}.nav-container .links{display:flex}.nav-container .links li{list-style:none}.nav-container .links li a{margin:0 32px;color:#000}.nav-container .menu img{cursor:pointer;width:40px}#logo{width:100px}@media (min-width: 769px) and (max-width: 992px),(min-width: 481px) and (max-width: 992px){.nav-container{padding:12px 30px}.nav-container .links{display:none}}@media (min-width: 0px) and (max-width: 480px){.nav-container{padding:12px 30px}.nav-container .links{display:none}.nav-container button{padding:6px 30px}}