@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap);:root{--header-height:3rem;--font-semi:600;--hue-color:224;--first-color:hsl(var(--hue-color),89%,60%);--second-color:hsl(var(--hue-color),56%,12%);--body-font:"Poppins",sans-serif;--big-font-size:2rem;--h2-font-size:1.25rem;--normal-font-size:.938rem;--smaller-font-size:.75rem;--mb-2:1rem;--mb-4:2rem;--mb-5:2.5rem;--mb-6:3rem;--z-back:-10;--z-fixed:100}@media screen and (min-width:968px){:root{--big-font-size:3.5rem;--h2-font-size:2rem;--normal-font-size:1rem;--smaller-font-size:.875rem}}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#0d1730;color:var(--second-color);font-family:Poppins,sans-serif;font-family:var(--body-font);font-size:.938rem;font-size:var(--normal-font-size);margin:3rem 0 0;margin:var(--header-height) 0 0 0}h1,h2,p,ul{margin:0}ul{list-style:none;padding:0}a{text-decoration:none}img{display:block;height:auto;max-width:100%}.section-title{color:#3e6ff4;color:var(--first-color);font-size:1.25rem;font-size:var(--h2-font-size);margin-bottom:2rem;margin-bottom:var(--mb-4);margin-top:1rem;margin-top:var(--mb-2);position:relative;text-align:center}.section-title:after{background-color:#3e6ff4;background-color:var(--first-color);content:"";height:.18rem;left:0;margin:auto;position:absolute;right:0;top:2rem;width:64px}.section{padding-bottom:2rem;padding-top:3rem}.bd-grid{display:grid;margin-left:1rem;margin-left:var(--mb-2);margin-right:1rem;margin-right:var(--mb-2);max-width:1024px}.l-header{background-color:#fff;box-shadow:0 1px 4px #92a1b026;left:0;position:fixed;top:0;width:100%;z-index:100;z-index:var(--z-fixed)}.nav{align-items:center;display:flex;font-weight:600;font-weight:var(--font-semi);height:3rem;height:var(--header-height);justify-content:space-between}@media screen and (max-width:767px){.nav__menu{background-color:#0d1730;background-color:var(--second-color);height:100%;padding:2rem;position:fixed;right:-100%;top:3rem;top:var(--header-height);transition:.5s;width:80%}}.nav__item{margin-bottom:2rem;margin-bottom:var(--mb-4)}.nav__link{color:#fff}.nav__link,.nav__link:hover{position:relative}.nav__link:hover:after{background-color:#3e6ff4;background-color:var(--first-color);content:"";height:.18rem;left:0;position:absolute;top:2rem;width:100%}.nav__logo,.nav__toggle{color:#0d1730;color:var(--second-color)}.nav__toggle{cursor:pointer;font-size:1.5rem}.active:after{background-color:#3e6ff4;background-color:var(--first-color);content:"";height:.18rem;left:0;position:absolute;top:2rem;width:100%}.show{right:0}.home{grid-row-gap:5rem;display:grid;grid-template-columns:1fr;margin-bottom:250px;margin-top:100px;padding:4rem 0 5rem;position:relative;row-gap:5rem}.home__data{align-self:center;max-width:60%;z-index:1}.home__title{font-size:2rem;font-size:var(--big-font-size);margin-bottom:2.5rem;margin-bottom:var(--mb-5)}.home__title-color{color:#3e6ff4;color:var(--first-color)}.profession-container{align-items:flex-start;display:flex;min-height:2.5em}.profession{display:inline-block;min-width:240px;position:relative}.home__description{margin-bottom:2rem;margin-bottom:var(--mb-4)}.home__button{background-color:#3e6ff4;background-color:var(--first-color);border-radius:.5rem;color:#fff;display:inline-block;font-weight:600;font-weight:var(--font-semi);padding:.75rem 2.5rem;transition:.3s}.home__button:hover{box-shadow:0 10px 36px #00000026}.home__social{display:flex;flex-direction:column;margin-top:350px;position:relative;z-index:1}.home__social-icon{color:#0d1730;color:var(--second-color);font-size:1.5rem;margin-bottom:1rem;margin-bottom:var(--mb-2);width:-webkit-max-content;width:max-content}.home__social-icon:hover{color:#3e6ff4;color:var(--first-color)}.home__img{bottom:0;position:absolute;right:0;width:260px;z-index:0}.home__blob{fill:#3e6ff4;fill:var(--first-color)}.home__blob-img{width:360px}@media screen and (min-width:576px){.home{column-gap:2rem;grid-template-columns:1fr 1fr}.home__data{grid-column:1/2;max-width:100%}.home__img{right:10%;width:300px}.home__social{bottom:10%;left:0;margin-top:0;position:absolute}}@media screen and (min-width:768px){.home{column-gap:4rem;grid-template-columns:3fr 2fr;padding:8rem 0 2rem}.home__data{max-width:100%}.home__img{right:5%;width:350px}.home__social{bottom:15%}}@media screen and (min-width:992px){.home{column-gap:6rem;padding:10rem 0 2rem}.home__img{right:0;width:400px}.home__social{bottom:20%}}.about__container{margin-bottom:110px;margin-top:100px;row-gap:2rem;text-align:center}.about__subtitle{margin-bottom:1rem;margin-bottom:var(--mb-2)}.about__img{justify-self:center}.about__img img{border-radius:.5rem;width:200px}.skills__container{row-gap:2rem;text-align:center}.skills__subtitle{margin-bottom:1rem;margin-bottom:var(--mb-2)}.skills__data,.skills__text{margin-bottom:2rem;margin-bottom:var(--mb-4)}.skills__data{align-items:center;border-radius:.5rem;box-shadow:0 4px 25px #0e243126;display:flex;font-weight:600;font-weight:var(--font-semi);justify-content:space-between;padding:.5rem 1rem;position:relative}.skills__icon{color:#3e6ff4;color:var(--first-color);font-size:2rem;margin-right:1rem;margin-right:var(--mb-2)}.skills__names{align-items:center;display:flex}.skills__bar{background-color:#3e6ff4;background-color:var(--first-color);border-radius:.5rem;bottom:0;height:.25rem;left:0;position:absolute;z-index:-10;z-index:var(--z-back)}.skills__css,.skills__github,.skills__html,.skills__js,.skills__mongodb,.skills__node,.skills__python,.skills__react,.skills__yarn{width:100%}.skills__img{border-radius:.5rem}.skills__container{display:flex;justify-content:space-between}.additional-skills{align-items:center;display:flex;flex-direction:column;justify-content:center}.additional-skills p{font-size:16px;margin-bottom:10px}.skills__additional-info{font-size:18px;text-align:center}.project__container{row-gap:2rem}.project__img{border-radius:.5rem;box-shadow:0 4px 25px #0e243126;overflow:hidden}.project__img img{transition:1s}.project__img img:hover{transform:scale(1.1)}.contact__input{border:1.5px solid #0d1730;border:1.5px solid var(--second-color);border-radius:.5rem;font-weight:600;font-weight:var(--font-semi);margin-bottom:2rem;margin-bottom:var(--mb-4);padding:1rem;width:100%}.contact__button,.contact__input{font-size:.938rem;font-size:var(--normal-font-size);outline:none}.contact__button{border:none;display:block;margin-left:auto}.footer{background-color:#0d1730;background-color:var(--second-color);color:#fff;font-weight:600;font-weight:var(--font-semi);padding:2rem 0;text-align:center}.footer__title{font-size:2rem}.footer__social,.footer__title{margin-bottom:2rem;margin-bottom:var(--mb-4)}.footer__icon{color:#fff;font-size:1.5rem;margin:0 1rem;margin:0 var(--mb-2)}.footer__copy{font-size:.75rem;font-size:var(--smaller-font-size)}@media screen and (max-width:320px){.home{row-gap:2rem}.home__img{width:200px}}@media screen and (min-width:576px){.home{padding:4rem 0 2rem}.home__social{align-self:flex-end;flex-direction:row;padding-bottom:2.5rem;padding-top:0}.home__social-icon{margin-bottom:0;margin-right:2rem;margin-right:var(--mb-4)}.home__img{bottom:25%;width:300px}.about__container{align-items:center;grid-template-columns:repeat(2,1fr);text-align:left;text-align:initial}.skills__container{column-gap:1rem;grid-template-columns:.7fr;justify-content:center}.project__container{column-gap:2rem;grid-template-columns:repeat(2,1fr);padding-top:2rem}}@media screen and (min-width:768px){body{margin:0}.section{padding-bottom:3rem;padding-top:4rem}.section-title{margin-bottom:3rem;margin-bottom:var(--mb-6)}.section-title:after{top:3rem;width:80px}.nav{height:4.5rem;height:calc(var(--header-height) + 1.5rem)}.nav__list{display:flex;padding-top:0}.nav__item{margin-bottom:0;margin-left:3rem;margin-left:var(--mb-6)}.nav__toggle{display:none}.nav__link{color:#0d1730;color:var(--second-color)}.home{padding:8rem 0 2rem}.home__img{bottom:10%;width:400px}.about__container{padding-top:2rem}.about__img img{width:300px}.skills__container{align-items:center;column-gap:2rem;grid-template-columns:repeat(2,1fr);text-align:left;text-align:initial}.project__container{column-gap:2rem;grid-template-columns:repeat(3,1fr)}}@media screen and (min-width:992px){.bd-grid{margin-left:auto;margin-right:auto}.home{padding:10rem 0 2rem}.home__img{width:450px}}.cv-section{padding:60px 0;text-align:center}.cv-container{margin:0 auto;max-width:600px}.cv-title{color:#333;font-size:2rem}.cv-description{color:#666;font-size:1.2rem;margin-top:20px}.cv-download-button{background-color:#4caf50;border-radius:5px;display:inline-block;font-size:1.2rem;margin-top:20px;padding:12px 20px;text-decoration:none;transition:background-color .3s}.cv-download-button:hover{background-color:#45a049}.contact-me-container{align-items:center;background-color:#0d1730;background-color:var(--second-color);display:flex;flex-direction:column;height:100vh;justify-content:center}.contact-me-container h2{color:#3e6ff4;color:var(--first-color);font-size:2rem;font-size:var(--big-font-size);margin-bottom:2rem;margin-bottom:var(--mb-4)}form{grid-row-gap:1rem;background-color:#fff;border-radius:.5rem;display:grid;max-width:400px;padding:2rem;row-gap:1rem;width:80%}label{font-weight:600;font-weight:var(--font-semi)}input,textarea{border:1.5px solid #0d1730;border:1.5px solid var(--second-color);border-radius:.5rem;font-size:.75rem;font-size:var(--smaller-font-size);margin-bottom:1rem;padding:.5rem;width:100%}textarea{resize:vertical}button{background-color:#3e6ff4;background-color:var(--first-color);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:600;font-weight:var(--font-semi);padding:.75rem;transition:box-shadow .3s;width:100%}button:hover{box-shadow:0 10px 36px #00000026}.typewriter{color:#3e6ff4;color:var(--first-color);display:inline-block;font-weight:600;font-weight:var(--font-semi)}.typewriter__cursor{animation:cursor-blink 1s infinite;display:inline-block}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.about__education,.about__work{margin-bottom:2rem;margin-bottom:var(--mb-4);margin-top:2rem;margin-top:var(--mb-4);text-align:left}.about__education-title,.about__work-title{color:#3e6ff4;color:var(--first-color);font-size:1.25rem;margin-bottom:1rem;margin-bottom:var(--mb-2)}.about__education-item,.about__work-item{background-color:#f8f9fa;border-left:3px solid #3e6ff4;border-left:3px solid var(--first-color);border-radius:0 .5rem .5rem 0;margin-bottom:1.5rem;padding:1rem}.about__education-item h4,.about__work-item h4{margin-bottom:.5rem}.about__education-school,.about__work-company{color:#3e6ff4;color:var(--first-color);margin-bottom:.5rem}.about__education-date,.about__work-date{color:#6c757d;font-size:.75rem;font-size:var(--smaller-font-size);margin-bottom:1rem}.about__work-list{margin-left:1rem;margin-top:1rem}.about__work-list li{margin-bottom:.5rem;padding-left:1.5rem;position:relative}.about__work-list li i{color:#3e6ff4;color:var(--first-color);left:0;position:absolute;top:.25rem}.skills__categories{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:2rem}@media screen and (min-width:768px){.skills__categories{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:992px){.skills__categories{grid-template-columns:repeat(3,1fr)}}.skills__category{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 25px #0e243126;padding:1.5rem}.skills__category-title{color:#3e6ff4;color:var(--first-color);margin-bottom:1rem;text-align:center}.skills__soft{margin-top:2rem}.skills__soft-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.skills__soft-item{background-color:#f8f9fa;border-radius:.5rem;padding:1rem;text-align:center;transition:.3s}.skills__soft-item:hover{box-shadow:0 4px 25px #0e243126;transform:translateY(-5px)}.skills__soft-icon{color:#3e6ff4;color:var(--first-color);font-size:1.5rem;margin-bottom:.5rem}.project__links{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.github-button,.live-button{align-items:center;border-radius:.25rem;display:inline-flex;font-size:.75rem;font-size:var(--smaller-font-size);font-weight:600;font-weight:var(--font-semi);padding:.5rem 1rem;transition:.3s}.github-button{background-color:#24292e;color:#fff}.live-button{background-color:#3e6ff4;background-color:var(--first-color);color:#fff}.github-button:hover,.live-button:hover{opacity:.9;transform:translateY(-2px)}.github-button i,.live-button i{margin-right:.5rem}.project__tech-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.project__tech-tag{background-color:#e8edff;border-radius:.25rem;color:#3e6ff4;color:var(--first-color);font-size:.75rem;font-size:var(--smaller-font-size);font-weight:600;font-weight:var(--font-semi);padding:.25rem .5rem}.extra{background-color:#f8f9fa}.extra__container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media screen and (min-width:768px){.extra__container{grid-template-columns:repeat(2,1fr)}}.extra__item{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 25px #0e243126;display:flex;padding:1.5rem;transition:.3s}.extra__item:hover{transform:translateY(-5px)}.extra__icon{color:#3e6ff4;color:var(--first-color);font-size:2rem;margin-right:1rem}.extra__title{font-size:1.25rem;margin-bottom:.5rem}.extra__description,.extra__title{color:#0d1730;color:var(--second-color)}.extra__description{margin-bottom:1rem}.extra__link{color:#3e6ff4;color:var(--first-color);font-weight:600;font-weight:var(--font-semi)}.extra__link:hover{text-decoration:underline}.contact__detail{align-items:flex-start;display:flex;margin-bottom:1rem}.contact__icon{color:#3e6ff4;color:var(--first-color);font-size:1.5rem;margin-right:1rem}.contact__detail-title{color:#6c757d;font-size:.75rem;font-size:var(--smaller-font-size);margin-bottom:.25rem}.contact__detail-value{font-weight:600;font-weight:var(--font-semi)}.contact__social{margin-top:2rem}.contact__social-title{color:#6c757d;font-size:.75rem;font-size:var(--smaller-font-size);margin-bottom:.5rem}.contact__social-icons{display:flex;gap:1rem}.contact__input-group{display:flex;flex-direction:column;margin-bottom:1rem}.contact__label{color:#0d1730;color:var(--second-color);font-size:.75rem;font-size:var(--smaller-font-size);font-weight:600;font-weight:var(--font-semi);margin-bottom:.5rem}.contact__textarea{min-height:100px;resize:vertical}.contact__button{align-items:center;background-color:#3e6ff4;background-color:var(--first-color);border-radius:.5rem;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;font-weight:var(--font-semi);justify-content:center;padding:.75rem 1.5rem;transition:.3s}.contact__button i{margin-left:.5rem}.cv-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;margin-top:2rem}@media screen and (min-width:768px){.cv-content{grid-template-columns:2fr 1fr}}.cv-highlight{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;margin-top:1.5rem}@media screen and (min-width:576px){.cv-highlight{grid-template-columns:repeat(3,1fr)}}.cv-highlight-item{align-items:flex-start;background-color:#f8f9fa;border-radius:.5rem;display:flex;padding:1rem}.cv-icon{color:#3e6ff4;color:var(--first-color);font-size:1.5rem;margin-right:1rem}.cv-highlight-item h3{font-size:1rem;margin-bottom:.25rem}.cv-highlight-item p{color:#6c757d;font-size:.75rem;font-size:var(--smaller-font-size)}.cv-actions{display:flex;flex-direction:column;gap:1rem}@media screen and (min-width:576px){.cv-actions{flex-direction:row}}.cv-contact-button,.cv-download-button{align-items:center;border-radius:.5rem;display:inline-flex;font-weight:600;font-weight:var(--font-semi);justify-content:center;padding:1rem;text-decoration:none;transition:.3s}.cv-download-button{background-color:#3e6ff4;background-color:var(--first-color);color:#fff}.cv-contact-button{background-color:#f8f9fa;border:1px solid #dee2e6;color:#0d1730;color:var(--second-color)}.cv-contact-button:hover,.cv-download-button:hover{box-shadow:0 4px 25px #0e243126;transform:translateY(-5px)}.cv-contact-button i,.cv-download-button i{margin-right:.5rem}.fade-in{animation:fadeIn 1s ease-in}.slide-in-left{animation:slideInLeft 1s ease-in}.slide-in-right{animation:slideInRight 1s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.contact__container{row-gap:3rem}.contact__content{display:flex;flex-direction:column;row-gap:2rem}.contact__subtitle{color:#3e6ff4;color:var(--first-color);font-size:var(--h3-font-size);margin-bottom:1rem}.contact__description{margin-bottom:2rem}.contact__info{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}.contact__card{align-items:center;background-color:#fff;border-radius:.75rem;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;padding:1.5rem;text-align:center;transition:transform .3s ease}.contact__card:hover{box-shadow:0 8px 16px #0000001a;transform:translateY(-10px)}.contact__card-icon{color:#3e6ff4;color:var(--first-color);font-size:2.5rem;margin-bottom:1rem}.contact__card-title{font-size:.938rem;font-size:var(--normal-font-size);font-weight:600;font-weight:var(--font-semi);margin-bottom:.5rem}.contact__card-data{display:block;margin-bottom:1rem}.contact__card-data a{color:var(--text-color);text-decoration:none}.contact__button-small{align-items:center;color:#3e6ff4;color:var(--first-color);display:flex;font-size:var(--small-font-size);font-weight:600;font-weight:var(--font-semi);transition:color .3s}.contact__button-small:hover{color:var(--first-color-dark)}.contact__button-small i{font-size:1rem;margin-left:.25rem;transition:transform .3s}.contact__button-small:hover i{transform:translateX(5px)}.contact__location{align-items:center;background-color:#fff;border-radius:.75rem;box-shadow:0 4px 8px #0000001a;column-gap:1.5rem;display:flex;margin-bottom:2rem;padding:1.5rem}.contact__location-icon{color:#3e6ff4;color:var(--first-color);font-size:2.5rem}.contact__location-title{font-size:.938rem;font-size:var(--normal-font-size);font-weight:600;font-weight:var(--font-semi);margin-bottom:.5rem}.contact__social{margin-bottom:2rem}.contact__social-title{font-size:.938rem;font-size:var(--normal-font-size);font-weight:600;font-weight:var(--font-semi);margin-bottom:1rem}.contact__social-links{column-gap:1.5rem;display:flex}.contact__social-icon{color:#0d1730;color:var(--second-color);font-size:2rem;transition:all .3s ease}.contact__social-icon:hover{color:#3e6ff4;color:var(--first-color);transform:translateY(-5px)}.contact__resume{background-color:#fff;border-radius:.75rem;box-shadow:0 4px 8px #0000001a;padding:1.5rem}.contact__resume-title{font-size:.938rem;font-size:var(--normal-font-size);font-weight:600;font-weight:var(--font-semi);margin-bottom:.5rem}.contact__resume-description{margin-bottom:1.5rem}.contact__resume-button{align-items:center;background-color:#3e6ff4;background-color:var(--first-color);border-radius:.5rem;color:#fff;display:inline-flex;font-weight:600;font-weight:var(--font-semi);padding:.75rem 1.5rem;transition:background-color .3s}.contact__resume-button:hover{background-color:var(--first-color-dark)}.contact__resume-button i{font-size:1.25rem;margin-right:.5rem}@media screen and (min-width:576px){.contact__info{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:768px){.contact__container{align-items:start;grid-template-columns:repeat(2,1fr)}.contact__info{grid-template-columns:1fr}}@media screen and (min-width:992px){.contact__info{grid-template-columns:repeat(3,1fr)}.contact__container{column-gap:4rem}}.highlighted-projects__container{gap:3rem}.highlighted-project{background-color:#fff;border-radius:.75rem;box-shadow:0 8px 30px #0000001a;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.highlighted-project:hover{box-shadow:0 15px 35px #00000026;transform:translateY(-10px)}.highlighted-project__img{height:250px;overflow:hidden;width:100%}.highlighted-project__img img{height:100%;object-fit:contain;transition:transform .5s ease;width:100%}.highlighted-project:hover .highlighted-project__img img{transform:scale(1.05)}.highlighted-project__content{padding:1.5rem}.highlighted-project__title{color:#0d1730;color:var(--second-color);font-size:1.5rem;margin-bottom:1rem}.highlighted-project__description{color:var(--text-color);line-height:1.6;margin-bottom:1.5rem}.highlighted-project__technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.highlighted-project__tech{background-color:var(--first-color-lighten);border-radius:2rem;color:#3e6ff4;color:var(--first-color);font-size:.85rem;font-weight:600;font-weight:var(--font-semi);padding:.35rem .75rem}.highlighted-project__links{display:flex;flex-wrap:wrap;gap:1rem}.highlighted-project__link{align-items:center;border-radius:.5rem;display:inline-flex;font-size:.9rem;font-weight:600;font-weight:var(--font-semi);padding:.65rem 1.25rem;transition:all .3s ease}.highlighted-project__link i{font-size:1.1rem;margin-right:.5rem}.highlighted-project__link.github{background-color:#24292e;color:#fff}.highlighted-project__link.demo{background-color:#3e6ff4;background-color:var(--first-color);color:#fff}.highlighted-project__link.details{background-color:#f8f9fa;border:1px solid #dee2e6;color:#0d1730;color:var(--second-color)}.highlighted-project__link:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.highlighted-project__link.github:hover{background-color:#1a1f23}.highlighted-project__link.demo:hover{background-color:var(--first-color-dark)}.highlighted-project__link.details:hover{background-color:#e9ecef}@media screen and (min-width:768px){.highlighted-project{flex-direction:row;height:320px}.highlighted-project__img{height:auto;width:40%}.highlighted-project__content{display:flex;flex-direction:column;padding:2rem;width:60%}.highlighted-project__links{margin-top:auto}}@media screen and (max-width:767px){.highlighted-project__links{justify-content:center}}.project-detail__container{margin:0 auto;max-width:1024px;padding:0 1.5rem}.project-detail__header{margin-bottom:2rem}.project-detail__back{align-items:center;color:var(--text-color);display:inline-flex;font-weight:600;font-weight:var(--font-semi);margin-bottom:1rem;transition:color .3s}.project-detail__back i{font-size:1.5rem;margin-right:.5rem}.project-detail__back:hover{color:#3e6ff4;color:var(--first-color)}.project-detail__title{color:#0d1730;color:var(--second-color);font-size:2.5rem;margin-bottom:1rem}.project-detail__hero{border-radius:1rem;box-shadow:0 10px 30px #0000001a;height:350px;margin-bottom:3rem;overflow:hidden;width:100%}.project-detail__main-image{height:100%;object-fit:cover;width:100%}.project-detail__content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;margin-bottom:3rem}.project-detail__info{display:flex;flex-direction:column;gap:2rem}.project-detail__links{display:flex;flex-wrap:wrap;gap:1rem}.project-detail__link{align-items:center;border-radius:.5rem;display:inline-flex;font-weight:600;font-weight:var(--font-semi);padding:.75rem 1.5rem;transition:all .3s ease}.project-detail__link i{font-size:1.25rem;margin-right:.5rem}.project-detail__link.github{background-color:#24292e;color:#fff}.project-detail__link.demo{background-color:#3e6ff4;background-color:var(--first-color);color:#fff}.project-detail__link:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.project-detail__award{align-items:center;background-color:#fff3cd;border-left:4px solid #ffc107;border-radius:.5rem;color:#856404;display:flex;padding:1rem}.project-detail__award i{color:#ffc107;font-size:1.5rem;margin-right:.75rem}.project-detail__tech-stack h3{color:#0d1730;color:var(--second-color);font-size:1.25rem;margin-bottom:1rem}.project-detail__technologies{display:flex;flex-wrap:wrap;gap:.75rem}.project-detail__tech{background-color:var(--first-color-lighten);border-radius:2rem;color:#3e6ff4;color:var(--first-color);font-size:.9rem;font-weight:600;font-weight:var(--font-semi);padding:.35rem .75rem}.project-detail__description{color:var(--text-color);line-height:1.8}.project-detail__description h3{color:#0d1730;color:var(--second-color);font-size:1.25rem;margin:2rem 0 1rem}.project-detail__description p{margin-bottom:1.5rem}.project-detail__description ul{list-style:disc;margin-bottom:1.5rem;margin-left:1.5rem}.project-detail__description li{margin-bottom:.5rem}.project-detail__gallery{margin-bottom:3rem}.project-detail__gallery h3{color:#0d1730;color:var(--second-color);font-size:1.5rem;margin-bottom:1.5rem}.project-detail__images{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.project-detail__image-container{border-radius:.5rem;box-shadow:0 4px 15px #0000001a;overflow:hidden}.project-detail__image-container img{height:200px;object-fit:cover;transition:transform .3s ease;width:100%}.project-detail__image-container:hover img{transform:scale(1.05)}.project-detail__navigation{margin-bottom:3rem}.project-detail__navigation h3{color:#0d1730;color:var(--second-color);font-size:1.5rem;margin-bottom:1.5rem}.project-detail__other-projects{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.project-detail__other-project{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 15px #0000001a;overflow:hidden;transition:transform .3s ease}.project-detail__other-project:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-5px)}.project-detail__other-project-img{height:150px;overflow:hidden}.project-detail__other-project-img img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.project-detail__other-project:hover .project-detail__other-project-img img{transform:scale(1.05)}.project-detail__other-project h4{color:#0d1730;color:var(--second-color);font-size:1rem;padding:1rem;text-align:center}.project-detail__not-found{margin:0 auto;max-width:600px;padding:4rem 1.5rem;text-align:center}.project-detail__not-found h2{color:#0d1730;color:var(--second-color);font-size:2rem;margin-bottom:1rem}.project-detail__not-found p{color:var(--text-color);margin-bottom:2rem}.project-detail__back-button{align-items:center;background-color:#3e6ff4;background-color:var(--first-color);border-radius:.5rem;color:#fff;display:inline-flex;font-weight:600;font-weight:var(--font-semi);padding:.75rem 1.5rem;transition:all .3s ease}.project-detail__back-button:hover{background-color:var(--first-color-dark);box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}@media screen and (min-width:768px){.project-detail__hero{height:450px}.project-detail__content{grid-template-columns:300px 1fr}}@media screen and (max-width:767px){.project-detail__title{font-size:2rem}.project-detail__hero{height:250px}.project-detail__links{justify-content:center}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.9e46fe65.css.map*/