@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Quicksand:wght@300..700&display=swap";*{margin:0;padding:0;border:0;outline:none;box-sizing:border-box}a{text-decoration:none;color:inherit}button{background:none;cursor:pointer}*{font-family:Poppins,sans-serif}html{scroll-behavior:smooth}body{background-color:#09090b;color:#f4f4f5}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:.5rem;padding-right:.5rem;position:relative}body::-webkit-scrollbar{width:6px}body::-webkit-scrollbar-track{box-shadow:inset 0 0 #0000}body::-webkit-scrollbar-thumb{background-color:#f97316;outline:1px solid #f97316}@media (min-width: 475px){.container{max-width:475px}}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.header-container{background-color:#242429}.header-container .header{display:flex;justify-content:space-between;font-size:.875rem;padding:1rem;width:100%;position:relative}.header-container .header .header__logo-container{display:flex;align-items:center}.header-container .header .header__logo-container .header__logo{width:2rem;height:1.5rem}.header-container .header .header__bars{color:#a1a1aa;font-size:1.125rem;transition:all .3s;z-index:10}.header-container .header .header__bars:hover{color:#f4f4f5}.header-container .header .header__nav-container{display:none}@media (min-width: 768px){.header-container .header .header__bars{display:none}.header-container .header .header__logo-container .header__logo{width:3rem;height:2rem}.header-container .header .header__nav-container{display:block}.header-container .header .header__nav-container .header__nav ul{list-style:none;display:flex;align-items:center;gap:.75rem}.header-container .header .header__nav-container .header__nav ul .header__nav-link{color:#a1a1aa;text-transform:capitalize;transition:all .3s}.header-container .header .header__nav-container .header__nav ul .header__nav-link.active,.header-container .header .header__nav-container .header__nav ul .header__nav-link:hover{color:#f4f4f5}.header-container .header .header__nav-container .header__nav-contactBtn a{background-color:#3c3c44;border-radius:6px;color:#a1a1aa;font-size:.875rem;padding:.5rem;transition:all .3s;text-transform:capitalize}.header-container .header .header__nav-container .header__nav-contactBtn a:hover{background-color:#f4f4f5;color:#09090b}.header-container .header .header__nav-container .header__nav-resume-btn{background-color:#f97316;border-radius:6px;color:#f4f4f5;display:flex;justify-content:center;align-items:center;font-size:.875rem;padding:8px;transition:all .3s;min-width:80px;height:35.33px;text-align:center}.header-container .header .header__nav-container .header__nav-resume-btn:hover{background-color:#f97316;transform:translateY(4px)}.header-container .header .header__nav-container .header__nav-langContainer{position:relative}.header-container .header .header__nav-container .header__nav-langContainer .header__nav-lang{color:#a1a1aa;display:flex;justify-content:center;align-items:center;margin-left:.5rem}.header-container .header .header__nav-container .header__nav-langContainer .header__nav-lang-display{position:absolute;right:-10px;bottom:-10px;font-size:.75rem;text-transform:uppercase}.header-container .header .header__nav-container .header__nav-langContainer .header__langSelector{position:absolute;z-index:100;right:-10px;top:40px;background-color:#3c3c44;padding:.5rem;border-radius:6px;display:flex;flex-direction:column;gap:.5rem}.header-container .header .header__nav-container .header__nav-langContainer .header__langSelector .header__langSelector-option{display:flex;gap:1rem}.header-container .header .header__nav-container .header__nav-langContainer .header__langSelector .header__langSelector-option button{color:#fff;font-size:.875rem;cursor:pointer}.header-container .header .header__nav-container .header__nav-langContainer .header__langSelector .header__langSelector-option .header__langSelector-img{height:16px;width:25px}}.mobileMenu{position:fixed;top:0;z-index:5;width:100vw;height:100vh;background-color:#09090b;font-size:.875rem;flex-direction:column;justify-content:space-between;align-items:center;gap:2rem;display:flex}.mobileMenu .mobileMenu__header{width:100%;padding:1rem}.mobileMenu .mobileMenu__header .mobileMenu__header-logo{width:2rem;height:1.5rem}.mobileMenu .mobileMenu__nav{width:100%}.mobileMenu .mobileMenu__nav ul{display:flex;flex-direction:column;align-items:center;gap:.75rem;list-style:none;width:100%}.mobileMenu .mobileMenu__nav ul .mobileMenu__link{background-color:#242429;border-radius:6px;cursor:pointer;color:#a1a1aa;font-weight:500;text-align:left;text-transform:capitalize;width:300px;transition:all .3s;padding:.5rem 1rem}.mobileMenu .mobileMenu__nav ul .mobileMenu__link.active{color:#f4f4f5}.mobileMenu .mobileMenu__nav ul .mobileMenu__link:hover{background-color:#3c3c44}.mobileMenu .mobileMenu__contact{margin-bottom:4rem;display:flex;align-items:center;gap:1rem}.mobileMenu .mobileMenu__contact .mobileMenu__social{color:#a1a1aa;font-size:1.5rem;transition:all .3s;display:flex}.mobileMenu .mobileMenu__contact .mobileMenu__social:hover{color:#f4f4f5}.mobileMenu .mobileMenu__contact .contactMe-btn,.mobileMenu .mobileMenu__contact .resume-btn{color:#a1a1aa;border-radius:6px;background-color:#242429;font-size:.875rem;padding:6px;transition:all .3s;text-transform:capitalize}.mobileMenu .mobileMenu__contact .contactMe-btn:hover,.mobileMenu .mobileMenu__contact .resume-btn:hover{background-color:#3c3c44}.mobileMenu .mobileMenu__contact .resume-btn{min-width:76px;background-color:#f97316;color:#f4f4f5;display:flex;justify-content:center;align-items:center;height:32.67px}.mobileMenu .mobileMenu__contact .resume-btn:hover{background-color:#f97316;transform:translateY(-4px)}.mobileMenu .mobileMenu__contact .mobileMenu__contact-langContainer{position:relative}.mobileMenu .mobileMenu__contact .mobileMenu__contact-langContainer .mobileMenu__contact-lang{color:#a1a1aa;display:flex;justify-content:center;align-items:center;margin-left:.5rem}.mobileMenu .mobileMenu__contact .mobileMenu__contact-langContainer .mobileMenu__contact-langDisplay{position:absolute;right:-10px;bottom:-10px;font-size:.75rem;text-transform:uppercase}.mobileMenu .mobileMenu__contact .mobileMenu__contact-langContainer .mobileMenu__langSelector{position:absolute;z-index:100;right:0;bottom:50px;background-color:#3c3c44;padding:.5rem;border-radius:6px;display:flex;flex-direction:column;gap:.5rem}.mobileMenu .mobileMenu__contact .mobileMenu__contact-langContainer .mobileMenu__langSelector .mobileMenu__langSelector-option{display:flex;gap:1rem}.mobileMenu .mobileMenu__contact .mobileMenu__contact-langContainer .mobileMenu__langSelector .mobileMenu__langSelector-option button{color:#fff;font-size:.875rem;cursor:pointer}.mobileMenu .mobileMenu__contact .mobileMenu__contact-langContainer .mobileMenu__langSelector .mobileMenu__langSelector-option .mobileMenu__langSelector-img{height:16px;width:25px}.hero{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:4rem}.hero .hero__img{height:12rem;width:20rem;display:block;overflow:visible}.hero .hero__subtitle{font-size:.875rem;font-weight:400;letter-spacing:1px;color:#f4f4f5}.hero .hero__title{font-family:Quicksand,sans-serif;color:#f97316;font-size:1.5rem;font-weight:900;text-align:center;text-transform:uppercase;letter-spacing:1px;line-height:2.5rem}.hero .hero__description{color:#a1a1aa;max-width:55ch;font-size:.75rem;padding:0 .75rem;text-align:center}.hero .hero__reachOutBtn{background-color:#a1a1aa;border-radius:6px;margin-top:1rem;font-size:.75rem;padding:.25rem .5rem;transition:all .3s}.hero .hero__reachOutBtn:hover{background-color:#f97316;color:#f4f4f5}.about{margin:1.5rem 0;padding:1rem;display:flex;flex-direction:column}.about .about__title{color:#f97316;font-size:1.125rem;font-weight:500;letter-spacing:1px}.about .about__description{color:#a1a1aa;font-size:.75rem;max-width:50ch;margin-top:1rem}.about .about__tech{margin-top:1rem}.about .about__tech .about__tech-title{color:#f97316;font-size:1.125rem;font-weight:500;margin-bottom:.5rem;letter-spacing:1px}.about .about__tech .about__tech-list{list-style:none;flex:1;margin-right:1rem}.about .about__tech .about__tech-list li{color:#a1a1aa;display:flex;align-items:center;margin:1rem 0;font-size:.75rem}.about .about__tech .about__tech-list li .about__tech-icon{display:flex;font-size:1.125rem}.about .about__tech .about__tech-list li .about__tech-icon:after{content:"";margin-left:.5rem}@media (min-width: 768px){.hero .hero__img{height:16rem;width:22rem}.hero .hero__subtitle{font-size:1rem}.hero .hero__title{font-size:1.875rem}.hero .hero__description{font-size:.875rem}.hero .hero__reachOutBtn{font-size:1rem}.hero .hero__reachOutBtn:hover{background-color:#f97316;color:#f4f4f5}.about{flex-direction:row;justify-content:center;gap:2rem}.about .about__title{font-size:1.25rem}.about .about__description{font-size:.875rem}.about .about__tech{margin:0 1rem}.about .about__tech .about__tech-title{margin:0;font-size:1.25rem}.about .about__tech .about__tech-list li{font-size:.875rem}}@media (min-width: 1536px){.hero .hero__img{height:18rem;width:28rem}.hero .hero__subtitle{font-size:1.125rem}.hero .hero__title{font-size:3rem}.hero .hero__description{font-size:1rem}.hero .hero__reachOutBtn{font-size:1.125rem}.hero .hero__reachOutBtn:hover{background-color:#f97316;color:#f4f4f5}.about .about__title{font-size:1.5rem}.about .about__description{font-size:1rem}.about .about__tech{margin:0 1rem}.about .about__tech .about__tech-title{margin:0;font-size:1.5rem}.about .about__tech .about__tech-list li{font-size:1rem}}.projects{padding:0 1.5rem}.projects .projects__title{color:#f97316;font-size:1.25rem}.projects .projects__featured{color:#a1a1aa}.projects .projects__featured .projects__featured-title{color:#f4f4f5;display:flex;align-items:center;font-size:1rem;font-weight:300;margin:.5rem 0;font-style:italic}.projects .projects__featured .projects__featured-title a{display:flex;transition:color .3s}.projects .projects__featured .projects__featured-title a:hover{color:#f97316}.projects .projects__featured .projects__featured-title .projects__featured-githubLink{font-size:1.25rem;margin-left:.75rem;color:#a1a1aa;transition:color .3s}.projects .projects__featured .projects__featured-title .projects__featured-githubLink:hover{color:#f4f4f5}.projects .projects__featured .projects__featured-description{font-size:.75rem;margin-bottom:.5rem}.projects .projects__featured .projects__featured-description b{color:#f4f4f5;font-weight:400}.projects .projects__featured .projects__featured-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin:2.5rem 0}.projects .projects__featured .projects__featured-showcase .imageWrapper{position:relative;border:1px solid #f4f4f5}.projects .projects__featured .projects__featured-showcase .imageWrapper:after{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;content:""}.projects .projects__featured .projects__featured-showcase .imageWrapper img{display:block;width:100%}.projects .projects__mobile{display:flex;flex-direction:column-reverse}.projects .projects__mobile .projects__mobile-imgContainer{flex:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:1rem 0;width:100%;gap:12px;align-items:center;justify-items:center}.projects .projects__mobile .projects__mobile-imgContainer img{border-radius:8px;max-width:100%;max-height:350px;object-fit:cover}.projects .projects__mobile .projects__mobile-info .projects__mobile-titleWrapper{display:flex;align-items:center;gap:.5rem;margin:.5rem 0}.projects .projects__mobile .projects__mobile-info .projects__mobile-titleWrapper .projects__mobile-title{font-size:1rem;font-weight:400;font-style:italic}.projects .projects__mobile .projects__mobile-info .projects__mobile-titleWrapper .github__link{color:#a1a1aa;display:flex;font-size:1.25rem;transition:color .3s}.projects .projects__mobile .projects__mobile-info .projects__mobile-titleWrapper .github__link:hover{color:#f4f4f5}.projects .projects__mobile .projects__mobile-description{color:#a1a1aa;font-size:.75rem}.projects .projects__other{display:flex;flex-direction:column-reverse}.projects .projects__other .projects__other-img{flex:1;margin:1rem 0;width:100%}.projects .projects__other .projects__other-img img{max-width:100%;height:100%;object-fit:cover}.projects .projects__other .projects__other-info .projects__other-titleWrapper{display:flex;align-items:center;gap:.5rem;margin:.5rem 0}.projects .projects__other .projects__other-info .projects__other-titleWrapper .projects__other-title{font-size:1rem;font-weight:400;font-style:italic}.projects .projects__other .projects__other-info .projects__other-titleWrapper .github__link{color:#a1a1aa;display:flex;font-size:1.25rem;transition:color .3s}.projects .projects__other .projects__other-info .projects__other-titleWrapper .github__link:hover{color:#f4f4f5}.projects .projects__other .projects__other-description{color:#a1a1aa;font-size:.75rem}@media (min-width: 640px){.projects .projects__mobile .projects__mobile-imgContainer{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 768px){.projects .projects__title{font-size:1.5rem}.projects .projects__featured .projects__featured-title{font-size:1.125rem;font-weight:300;margin:.75rem 0}.projects .projects__featured .projects__featured-title .projects__featured-githubLink{font-size:1.5rem}.projects .projects__featured .projects__featured-description{font-size:.875rem;margin-bottom:.75rem}.projects .projects__featured .projects__featured-showcase{grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:2rem;margin:2.5rem 0}.projects .projects__featured .projects__featured-showcase .imageWrapper{position:relative;border:1px solid #f4f4f5}.projects .projects__featured .projects__featured-showcase .imageWrapper:after{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;content:"";background-color:#193d6f33;transition:background-color .3s}.projects .projects__featured .projects__featured-showcase .imageWrapper:hover:after{background-color:#193d6f00}.projects .projects__featured .projects__featured-showcase .imageWrapper img{display:block;width:100%}.projects .projects__mobile{flex-direction:row;gap:1rem;margin:1.25rem 0}.projects .projects__mobile .projects__mobile-imgContainer{grid-template-columns:repeat(2,minmax(0,1fr))}.projects .projects__mobile .projects__mobile-info{flex:1;padding:.25rem}.projects .projects__mobile .projects__mobile-info .projects__mobile-titleWrapper{gap:.75rem;margin-top:0;margin-bottom:1rem}.projects .projects__mobile .projects__mobile-info .projects__mobile-titleWrapper .projects__mobile-title{font-size:1.125rem;font-weight:300}.projects .projects__mobile .projects__mobile-info .projects__mobile-titleWrapper .github__link{color:#a1a1aa;display:flex;font-size:1.5rem;transition:color .3s}.projects .projects__mobile .projects__mobile-info .projects__mobile-titleWrapper .github__link:hover{color:#f4f4f5}.projects .projects__mobile .projects__mobile-description{color:#a1a1aa;font-size:.875rem}.projects .projects__other{flex-direction:row;gap:1rem;margin:1.25rem 0}.projects .projects__other .projects__other-img{margin:0}.projects .projects__other .projects__other-info{flex:1;padding:.25rem}.projects .projects__other .projects__other-info .projects__other-titleWrapper{gap:.75rem;margin-top:0;margin-bottom:1rem}.projects .projects__other .projects__other-info .projects__other-titleWrapper .projects__other-title{font-size:1.125rem;font-weight:300}.projects .projects__other .projects__other-info .projects__other-titleWrapper .github__link{color:#a1a1aa;display:flex;font-size:1.5rem;transition:color .3s}.projects .projects__other .projects__other-info .projects__other-titleWrapper .github__link:hover{color:#f4f4f5}.projects .projects__other .projects__other-description{color:#a1a1aa;font-size:.875rem}}@media (min-width: 1024px){.projects .projects__mobile{flex-direction:column-reverse;justify-content:center;flex:auto;gap:2.5rem}.projects .projects__mobile .projects__mobile-imgContainer{grid-template-columns:repeat(4,minmax(0,1fr))}.projects .projects__mobile .projects__mobile-imgContainer img{max-height:600px}.projects .projects__mobile .projects__mobile-info{flex:auto}.projects .projects__other{justify-content:center;flex:auto;gap:2.5rem}.projects .projects__other .projects__other-img{display:flex;justify-content:center;padding:.5rem;max-width:400px}.projects .projects__other .projects__other-img img{max-width:400px}.projects .projects__other .projects__other-info{flex:auto;max-width:500px}}@media (min-width: 1536px){.projects .projects__title{font-size:1.875rem}.projects .projects__featured .projects__featured-title{font-size:1.25rem;font-weight:300;margin:1rem 0}.projects .projects__featured .projects__featured-description{font-size:1rem;margin-bottom:1rem}.projects .projects__mobile{gap:2rem;margin:1rem 0}.projects .projects__mobile .projects__mobile-imgContainer{display:flex;flex-direction:row;justify-content:center;gap:18px}.projects .projects__mobile .projects__mobile-imgContainer img{max-height:600px}.projects .projects__mobile .projects__mobile-info .projects__mobile-titleWrapper{gap:.75rem}.projects .projects__mobile .projects__mobile-info .projects__mobile-titleWrapper .projects__mobile-title{font-size:1.25rem}.projects .projects__mobile .projects__mobile-description{font-size:1rem}.projects .projects__other{gap:5rem;margin:3rem 0}.projects .projects__other .projects__other-img{margin:0;max-width:600px}.projects .projects__other .projects__other-img img,.projects .projects__other .projects__other-info{max-width:600px}.projects .projects__other .projects__other-info .projects__other-titleWrapper{gap:.75rem}.projects .projects__other .projects__other-info .projects__other-titleWrapper .projects__other-title{font-size:1.25rem}.projects .projects__other .projects__other-description{font-size:1rem}}.work{padding:0 24px}.work .work__title{color:#f97316;margin-bottom:16px}.work .work__entry{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px}.work .work__entry .work__entry-title{color:#f4f4f5;font-style:italic;font-size:1rem;font-weight:400;transition:all .3s}.work .work__entry .work__entry-title:hover{color:#a1a1aa}.work .work__entry .work__entry-description{font-size:.75rem;color:#a1a1aa}.work .work__entry .work__entry-sliderContainer{overflow:hidden;width:100%;height:100%;border-radius:6px}.work .work__entry .work__entry-sliderContainer .work__entry-slider{display:flex;height:100%;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:.5s}.work .work__entry .work__entry-sliderContainer .work__entry-slider img{width:100%;height:100%;object-fit:cover;flex-shrink:0;flex-grow:0}@media (min-width: 1024px){.work .work__title{font-size:1.875rem}.work .work__entry{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px}.work .work__entry .work__entry-title{font-size:1.25rem;font-weight:300}.work .work__entry .work__entry-description{font-size:1rem}}@media (min-width: 1536px){.work .work__entry{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px}}.contact{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:3rem;margin-bottom:3rem}.contact .contact__title{color:#f97316;font-size:1.25rem;text-align:center}.contact .contact__description{color:#a1a1aa;font-size:.75rem;max-width:45ch;text-align:center}.contact .contact__btn{margin-top:.5rem;box-shadow:0 10px 20px #f9731680,0 6px 6px #f9731680,0 0 100px -10px #f97316;border-radius:6px;color:#f4f4f5;cursor:pointer;background-color:#f97316;font-size:.875rem;padding:.25rem .5rem;transition:all .3s}.contact .contact__btn:hover{transform:scale(1.2)}@media (min-width: 768px){.contact{gap:1rem;margin-top:4rem;margin-bottom:4rem}.contact .contact__title{font-size:1.5rem}.contact .contact__description{font-size:.875rem;max-width:45ch}.contact .contact__btn{margin-top:.5rem;font-size:1rem;padding:.25rem .5rem}}@media (min-width: 1536px){.contact{gap:1rem;margin-top:4rem;margin-bottom:4rem}.contact .contact__title{font-size:1.875rem}.contact .contact__description{font-size:1rem;max-width:45ch}.contact .contact__btn{margin-top:.5rem;font-size:1.125rem;padding:.5rem .75rem}}.footer{color:#a1a1aa;display:flex;justify-content:center;align-items:center;gap:.75rem;margin-bottom:.5rem}.footer p{font-size:.5rem}.footer .social{display:flex;gap:.25rem}.footer .social a{display:flex;transition:all .3s}.footer .social a:hover{color:#f4f4f5}@media (min-width: 768px){.footer{gap:.75rem}.footer p{font-size:.75rem}.footer .social{gap:.5rem}.footer .social a{font-size:1.125rem}}