@import url(https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--header-height:3.5rem;--first-color:#8e110b;--first-color-hsl-h:3;--first-color-hsl-s:86%;--first-color-hsl-l:30%;--first-color-hover-end:#790c06;--black-color:hwb(75 6% 93%);--black-color-light:#666;--white-color:#f2f2f2;--title-color:#000;--text-color:#595959;--text-color-light:#a3a3a3;--body-color:#dedede;--container-color:#d4d4d4;--body-font:"Bai Jamjuree",sans-serif;--biggest-font-size:2.5rem;--h1-font-size:1.75rem;--h2-font-size:1.25rem;--h3-font-size:1.125rem;--normal-font-size:.938rem;--small-font-size:.813rem;--smaller-font-size:.75rem;--font-regular:400;--font-medium:500;--font-semi-bold:600;--font-bold:700;--z-tooltip:10;--z-fixed:100}@media screen and (min-width:1150px){:root{--biggest-font-size:4.5rem;--h1-font-size:3rem;--h2-font-size:1.5rem;--h3-font-size:1.25rem;--normal-font-size:1rem;--small-font-size:.875rem;--smaller-font-size:.813rem}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:#dedede;background-color:var(--body-color);color:#595959;color:var(--text-color);font-family:Bai Jamjuree,sans-serif;font-family:var(--body-font);font-size:.938rem;font-size:var(--normal-font-size);overflow-x:hidden;transition:background-color .4s}h1,h2,h3,h4{color:#000;color:var(--title-color);font-weight:700;font-weight:var(--font-bold)}ul{list-style:none}a{text-decoration:none}img{display:block;height:auto;max-width:100%}.nav__buttons{align-items:center;column-gap:1rem;display:flex}.change-theme{color:#000;color:var(--title-color);cursor:pointer;font-size:1.25rem;transition:color .3s ease,transform .3s ease}.change-theme:hover{transform:scale(1.1)}body.dark-theme{--first-color:#e6491a;--first-color-hsl-h:14;--first-color-hsl-s:80%;--first-color-hsl-l:50%;--first-color-hover-end:#d43f11;--black-color:#2e2e2e;--black-color-light:#4d4d4d;--title-color:#f2f2f2;--text-color:#b3b3b3;--body-color:#141414;--container-color:#1f1f1f}.dark-theme .shadow-header{box-shadow:0 1px 12px #0009}.dark-theme .section-title-1:after,.dark-theme .section-title-2:after{background-color:#8e110b33;background-color:hsla(var(--first-color-hsl-h),var(--first-color-hsl-s),var(--first-color-hsl-l),.2)}.dark-theme :is(.home__arrow,.home__line,.about__line){filter:none}.dark-theme .home__description b{background:linear-gradient(90deg,#8e110b33,#8e110b00);background:linear-gradient(90deg,hsla(var(--first-color-hsl-h),var(--first-color-hsl-s),var(--first-color-hsl-l),.2),hsla(var(--first-color-hsl-h),var(--first-color-hsl-s),var(--first-color-hsl-l),0))}.dark-theme :is(.button__ghost,.services__icon i){color:#f2f2f2;color:var(--white-color)}.dark-theme .button:hover{box-shadow:0 4px 8px #0006}.dark-theme .contact__mail{background-color:#d4d4d4;background-color:var(--container-color)}.dark-theme .footer{background-color:#0a0a0a}.dark-theme::-webkit-scrollbar{background-color:#333}.dark-theme::-webkit-scrollbar-thumb{background-color:#4d4d4d}.dark-theme::-webkit-scrollbar-thumb:hover{background-color:#666}.container{margin-inline:1.5rem;max-width:1120px}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.section{padding-block:5rem 3rem}.section__title-1,.section__title-2{font-size:1.75rem;font-size:var(--h1-font-size);margin:.75rem auto 2rem;position:relative;width:-webkit-max-content;width:max-content}.section__title-1 span,.section__title-2 span{position:relative;z-index:5}.section__title-1:after,.section__title-2:after{background-color:#8e110b33;background-color:hsla(var(--first-color-hsl-h),var(--first-color-hsl-s),var(--first-color-hsl-l),.2);content:"";height:28px;position:absolute;right:-8px;top:-4px;width:40px}.section__title-2:after{bottom:-4px;top:auto}.geometric-box{background-color:#8e110b;background-color:var(--first-color);height:20px;position:absolute;rotate:-30deg;width:20px}.geometric-box:after{border:3px solid hwb(75 6% 93%);border:3px solid var(--black-color);content:"";height:16px;left:-5px;position:absolute;top:-5px;width:16px}.main{overflow:hidden}.header{background-color:#dedede;background-color:var(--body-color);left:0;position:fixed;top:0;transition:box-shadow .4s ease,background-color .4s ease;width:100%;z-index:100;z-index:var(--z-fixed)}.nav{height:3.5rem;height:var(--header-height);justify-content:space-between;position:relative}.nav,.nav__logo{align-items:center;display:flex}.nav__logo{color:#000;color:var(--title-color);column-gap:.5rem;font-weight:600;font-weight:var(--font-semi-bold)}.nav__logo-circle,.nav__toggle{background-color:hwb(75 6% 93%);background-color:var(--black-color);color:#f2f2f2;color:var(--white-color);display:grid;height:32px;place-items:center;width:32px}.nav__logo-circle{border-radius:50%}.nav__toggle{border-radius:12px;cursor:pointer;font-size:1.25rem;transition:background-color .3s ease,transform .3s ease}.nav__toggle:hover{transform:scale(1.1)}@media screen and (max-width:1150px){.nav__menu{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;left:0;padding-block:1.8rem 5rem;position:fixed;text-align:center;top:-100%;transition:top .4s ease;width:100%}}.nav__close,.nav__name,.nav__title{color:#f2f2f2;color:var(--white-color)}.nav__title{display:block;font-size:.75rem;font-size:var(--smaller-font-size);font-weight:600;font-weight:var(--font-semi-bold);margin-bottom:3.5rem}.nav__name{font-size:1.25rem;font-size:var(--h2-font-size);margin:0 auto 3rem;position:relative;width:-webkit-max-content;width:max-content}.nav__name:after,.nav__name:before{background-color:#a3a3a3;background-color:var(--text-color-light);content:"";height:1px;left:-4rem;position:absolute;top:50%;width:40px}.nav__name:before{left:auto;right:-4rem}.nav__list{display:flex;flex-direction:column;row-gap:2.5rem}.nav__link{color:#a3a3a3;color:var(--text-color-light);font-size:1.125rem;font-size:var(--h3-font-size);font-weight:600;font-weight:var(--font-semi-bold);position:relative;transition:color .3s ease,transform .3s ease}.nav__link:after{background-color:#f2f2f2;background-color:var(--white-color);bottom:-.5rem;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav__link:hover{color:#f2f2f2;color:var(--white-color);transform:translateY(-1px)}.nav__link:hover:after{width:25%}.nav__close{cursor:pointer;font-size:1.5rem;position:absolute;right:1.5rem;top:1rem;transition:transform .3s ease}.nav__close:hover{transform:scale(1.1)}.show-menu{top:0}.shadow-header{box-shadow:0 1px 16px #0000001f}.active-link{color:#f2f2f2;color:var(--white-color)}.active-link:after{width:25%}.home__container{padding-top:2rem}.home__name{font-size:2.5rem;font-size:var(--biggest-font-size);text-align:center}.home__perfil{justify-self:center;position:relative}.home__image{width:220px}.home__img{border-radius:12px;position:relative;z-index:10}.home__shadow{background-color:#d4d4d4;background-color:var(--container-color);border:4px solid hwb(75 6% 93%);border:4px solid var(--black-color);border-radius:12px;bottom:-.75rem;height:100%;position:absolute;right:-.75rem;transition:background-color .4s ease;width:100%;z-index:5}.home__arrow,.home__line{display:none;filter:invert(1);position:absolute;transition:filter .4s ease;width:50px}.home__arrow{bottom:-4rem;left:40%}.home__line{bottom:-.5rem;right:-2rem}.home__perfil .geometric-box{left:-.7rem;top:2.5rem;z-index:10}.home__social,.home__social-desktop{grid-row-gap:1rem;bottom:0;display:grid;height:-webkit-max-content;height:max-content;left:-3rem;margin:auto 0;position:absolute;row-gap:1rem;top:0;z-index:15}.home__social-mobile{display:flex;display:none;gap:1.5rem;justify-content:center;margin-top:2rem;padding:0 1rem}.home__social-mobile .home__social-link{font-size:1.3rem;min-height:44px;min-width:44px;padding:10px}.home__social-link{background-color:#666;background-color:var(--black-color-light);border-radius:8px;color:#f2f2f2;color:var(--white-color);display:grid;font-size:1.25rem;padding:6px;place-items:center;transition:background-color .3s ease,transform .3s ease}.home__social-link:hover{background-color:hwb(75 6% 93%);background-color:var(--black-color);transform:scale(1.1)}.home__info{color:#000;color:var(--title-color);margin-bottom:1.5rem;margin-top:4rem}.home__description b{background:linear-gradient(90deg,#8e110b4d,#8e110b00);background:linear-gradient(90deg,hsla(var(--first-color-hsl-h),var(--first-color-hsl-s),var(--first-color-hsl-l),.3),hsla(var(--first-color-hsl-h),var(--first-color-hsl-s),var(--first-color-hsl-l),0))}.home__scroll{display:block;margin:2rem auto 0;width:-webkit-max-content;width:max-content}.home__scroll-text{display:none}.home__scroll-box{background-color:hwb(75 6% 93%);background-color:var(--black-color);border-radius:8px;color:#f2f2f2;color:var(--white-color);cursor:pointer;display:grid;font-size:1rem;height:36px;overflow:hidden;place-items:center;transition:background-color .4s ease;width:36px}.home__scroll-box i{animation:scroll-down 3s infinite}@keyframes scroll-down{0%{opacity:0;transform:translateY(-1rem)}50%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(.6rem)}}.button,.button__ghost{align-items:center;border:none;border-radius:12px;column-gap:.5rem;cursor:pointer;display:flex;font-family:Bai Jamjuree,sans-serif;font-family:var(--body-font);justify-content:center;text-decoration:none}.button{background-color:hwb(75 6% 93%);background-color:var(--black-color);color:#f2f2f2;color:var(--white-color);font-weight:500;font-weight:var(--font-medium);padding:1.1rem 1.5rem;transition:all .3s ease}.button i{font-size:1.25rem}.button:hover{background-color:initial;background-image:linear-gradient(to bottom right,#8e110b,#790c06);background-image:linear-gradient(to bottom right,var(--first-color),var(--first-color-hover-end));box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.button__ghost{border:3px solid hwb(75 6% 93%);border:3px solid var(--black-color);color:hwb(75 6% 93%);color:var(--black-color);padding:.5rem;transition:border .3s ease,color .3s ease,transform .3s ease}.button__ghost i{font-size:1.25rem}.button__ghost:hover{border:3px solid #8e110b;border:3px solid var(--first-color);transform:translateY(-2px)}.about{background-color:#d4d4d4;background-color:var(--container-color);transition:background-color .4s ease}.about__container{row-gap:0}.about__perfil{justify-self:center;margin-block:2.5rem 4.5rem;position:relative}.about__image{width:220px}.about__img{border:4px solid #f2f2f2;border:4px solid var(--white-color);border-radius:12px;position:relative;z-index:1}.about__box,.about__line,.about__shadow{position:absolute}.about__shadow{background-color:#dedede;background-color:var(--body-color);border-bottom:4px solid #8e110b;border-bottom:4px solid var(--first-color);border-radius:12px;height:320px;right:-3.5rem;top:-2.5rem;transition:background-color .4s ease;width:150px}.about__perfil .geometric-box{right:-2.8rem;top:1.5rem}.about__line{filter:invert(1);right:-1.25rem;top:6rem;transition:filter .4s ease;width:50px}.about__box{background-color:#8e110b;background-color:var(--first-color);border-radius:12px;bottom:1.5rem;height:40px;right:-.5rem;width:40px}.about__info{padding-left:1.25rem}.about__description{color:#000;color:var(--title-color);margin-bottom:1.5rem;position:relative}.about__description:after{background-color:#000;background-color:var(--title-color);content:"";height:1px;left:-1.75rem;position:absolute;top:.5rem;width:20px}.about__list{color:#000;color:var(--title-color);list-style:square;margin-bottom:2rem}.about__buttons{align-items:center;column-gap:1rem;display:flex;justify-content:center}.services__container{grid-template-columns:250px;justify-content:center;padding-top:1rem;row-gap:2}.services__card{position:relative}.services__content{background-color:#dedede;background-color:var(--body-color);border:4px solid hwb(75 6% 93%);border:4px solid var(--black-color);border-radius:16px;height:100%;padding:6rem 1rem 3rem;position:relative;transition:background-color .4s ease,border .4s ease;z-index:5}.services__border{border:4px solid #8e110b;border:4px solid var(--first-color);border-radius:16px;height:100%;left:0;position:absolute;top:0;transition:transform .4s ease;width:100%}.services__card:hover .services__border{transform:translate(.75rem,.75rem)}.services__icon{display:inline-block;position:relative}.services__icon i{color:hwb(75 6% 93%);color:var(--black-color);font-size:2rem;position:relative;z-index:5}.services__box{background-color:#8e110b;background-color:var(--first-color);border-radius:10px;height:24px;position:absolute;right:-2px;top:-2px;width:24px}.services__title{font-size:1.25rem;font-size:var(--h2-font-size);margin-bottom:1.25rem}.projects{background-color:#d4d4d4;background-color:var(--container-color);transition:background-color .4s ease}.projects__container{row-gap:2rem}.projects__card{border:1px solid #a3a3a3;border:1px solid var(--text-color-light);border-radius:16px;padding:1.25rem;transition:background-color .4s ease,transform .3s ease,box-shadow .3s ease}.projects__image{margin-bottom:.75rem;position:relative}.projects__image img{border-radius:10px}.projects__button{background-color:hwb(75 6% 93%);background-color:var(--black-color);border:none;border-radius:12px;bottom:-1.5rem;color:#f2f2f2;color:var(--white-color);cursor:pointer;padding:1rem;position:absolute;right:1rem;transition:all .3s ease}.projects__button:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px) scale(1.05)}.dark-theme .projects__button:hover{box-shadow:0 4px 8px #0006}.projects__content{margin-bottom:1rem}.projects__subtitle{color:#595959;color:var(--text-color);display:inline-block;font-size:.813rem;font-size:var(--small-font-size);font-weight:500;font-weight:var(--font-medium);margin-bottom:.75rem;padding-left:1.75rem;position:relative}.projects__subtitle:after{background-color:#595959;background-color:var(--text-color);content:"";height:1px;left:0;position:absolute;top:50%;width:20px}.projects__title{font-size:1.15rem;margin-bottom:.75rem}.projects__description{line-height:1.5}.projects__buttons{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.projects__link{align-items:center;background:none;border:none;color:#595959;color:var(--text-color);column-gap:.25rem;cursor:pointer;display:flex;font-family:Bai Jamjuree,sans-serif;font-family:var(--body-font);font-size:.813rem;font-size:var(--small-font-size);font-weight:500;font-weight:var(--font-medium);padding:0;text-decoration:none;transition:color .3s ease,transform .3s ease}.projects__link:hover{transform:translateX(2px)}.projects__link i{color:#000;color:var(--title-color);font-size:1rem;transition:color .3s ease}.projects__link:hover,.projects__link:hover i{color:#8e110b;color:var(--first-color)}.projects__card:hover{background-color:#f2f2f2;background-color:var(--white-color);box-shadow:0 8px 16px #00000026;transform:translateY(-5px) scale(1.02)}.dark-theme .projects__card{border:1px solid #666;border:1px solid var(--black-color-light)}.dark-theme .projects__card:hover{background-color:#dedede;background-color:var(--body-color);box-shadow:0 8px 16px #0000004d}.skills{background-color:#d4d4d4;background-color:var(--container-color);padding-block:5rem 3rem;transition:background-color .4s ease}.skills__container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding-top:1rem}.skills__content{background-color:#dedede;background-color:var(--body-color);border-radius:16px;box-shadow:0 4px 8px #0000001a;padding:2rem 1.5rem;transition:background-color .4s ease,border .4s ease,transform .3s ease,box-shadow .3s ease}.skills__content:hover{box-shadow:0 6px 12px #0000001a;transform:translateY(-5px) scale(1.01)}.skills__title{color:#000;color:var(--title-color);font-size:1.125rem;font-size:var(--h3-font-size);margin-bottom:1.5rem;text-align:left}.skills__list{list-style-type:none;padding-left:0}.skills__item{align-items:center;color:#595959;color:var(--text-color);display:flex;margin-bottom:.75rem}.skills__item:before{color:#8e110b;color:var(--first-color);content:"▹";margin-right:.5rem}.dark-theme .skills{background-color:#dedede;background-color:var(--body-color)}.dark-theme .skills__content{background-color:#d4d4d4;background-color:var(--container-color);border:1px solid #666;border:1px solid var(--black-color-light);box-shadow:none}.dark-theme .skills__content:hover{box-shadow:0 6px 12px #00000040}.contact{padding-bottom:0}.contact__container{grid-template-rows:300px -webkit-max-content -webkit-max-content;grid-template-rows:300px max-content max-content;position:relative;row-gap:0}.contact__data{background-color:#d4d4d4;background-color:var(--container-color);border-bottom:4px solid #8e110b;border-bottom:4px solid var(--first-color);border-radius:16px;height:300px;margin-left:auto;padding:3rem 1.5rem 3.5rem;position:relative;transition:background-color .4s ease;width:300px;z-index:5}.contact__data .section__title-2{margin:0 0 1.5rem;transform:translateX(-3rem)}.contact__description-1{color:#000;color:var(--title-color);font-weight:500;font-weight:var(--font-medium);margin-bottom:2rem}.contact__description-2{color:#000;color:var(--title-color);font-size:.813rem;font-size:var(--small-font-size)}.contact__data .geometric-box{right:2.5rem;top:2rem}.contact__mail{background-color:hwb(75 6% 93%);background-color:var(--black-color);border-radius:16px;margin-top:-2.5rem;padding:5rem 1.5rem 2.5rem;position:relative;transition:background-color .4s ease}.contact__title{color:#f2f2f2;color:var(--white-color);font-size:1.25rem;font-size:var(--h2-font-size);margin-bottom:2rem;text-align:center}.contact__form,.contact__group{grid-row-gap:1.25rem;display:grid;row-gap:1.25rem}.contact__box,.contact__form{position:relative}.contact__box{height:58px;width:100%}.contact__button,.contact__input{border:none;font-family:Bai Jamjuree,sans-serif;font-family:var(--body-font);font-size:.938rem;font-size:var(--normal-font-size);outline:none}.contact__input{background-color:#dedede;background-color:var(--body-color);border:2px solid #a3a3a3;border:2px solid var(--text-color-light);border-radius:10px;color:#595959;color:var(--text-color);font-weight:500;font-weight:var(--font-medium);height:100%;padding:.5rem 1rem;position:absolute;transition:all .3s ease;width:100%}.contact__input::placeholder{color:#a3a3a3;color:var(--text-color-light);transition:opacity .3s ease}.contact__input:focus{border:2px solid #8e110b;border:2px solid var(--first-color);box-shadow:0 0 0 3px #8e110b33;box-shadow:0 0 0 3px hsla(var(--first-color-hsl-h),var(--first-color-hsl-s),var(--first-color-hsl-l),.2)}.contact__input:-webkit-autofill{-webkit-transition:background-color 6000s,color 6000s;transition:background-color 6000s,color 6000s}.contact__label{background-color:#dedede;background-color:var(--body-color);color:#a3a3a3;color:var(--text-color-light);font-size:.938rem;font-size:var(--normal-font-size);font-weight:500;font-weight:var(--font-medium);left:1rem;opacity:1;padding:0 4px;pointer-events:none;position:absolute;top:8px;transition:all .3s ease}.dark-theme .contact__input{background-color:#d4d4d4;background-color:var(--container-color);border:2px solid #666;border:2px solid var(--black-color-light);color:#f2f2f2;color:var(--white-color)}.dark-theme .contact__input:focus{border:2px solid #8e110b;border:2px solid var(--first-color);box-shadow:0 0 0 3px #8e110b33;box-shadow:0 0 0 3px hsla(var(--first-color-hsl-h),var(--first-color-hsl-s),var(--first-color-hsl-l),.2)}.dark-theme .contact__label{background-color:#d4d4d4;background-color:var(--container-color);color:#a3a3a3;color:var(--text-color-light)}.contact__form .contact__area{height:10rem}.contact__area textarea{padding-top:1rem;resize:none}.contact__button{background-color:#8e110b;background-color:var(--first-color);border-radius:12px;cursor:pointer;transition:all .3s ease}.contact__button:hover{background-color:initial;background-image:linear-gradient(to bottom right,#8e110b,#790c06);background-image:linear-gradient(to bottom right,var(--first-color),var(--first-color-hover-end));box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.dark-theme .contact__button:hover{box-shadow:0 4px 8px #0006}.contact__input:focus::placeholder{opacity:0}.contact__input:focus+.contact__label,.contact__input:not(:placeholder-shown).contact__input:not(:focus)+.contact__label{color:#8e110b;color:var(--first-color);font-size:.813rem;font-size:var(--small-font-size);opacity:1;top:-16px}.dark-theme .contact__input:focus+.contact__label,.dark-theme .contact__input:not(:placeholder-shown).contact__input:not(:focus)+.contact__label{background-color:#d4d4d4;background-color:var(--container-color);color:#8e110b;color:var(--first-color)}.contact__social{grid-row-gap:1rem;background-color:#1a1a1a;border-radius:16px;display:grid;padding-block:1rem 2rem;row-gap:1rem;text-align:center}.contact__social-arrow{margin:0 auto;width:32px}.contact__social-data{display:flex;flex-direction:column;row-gap:1.5rem}.contact__social-description-1{color:#a3a3a3;color:var(--text-color-light);font-size:.813rem;font-size:var(--small-font-size);margin-bottom:.5rem}.contact__social-description-2{color:#f2f2f2;color:var(--white-color);font-size:.813rem;font-size:var(--small-font-size);font-weight:600;font-weight:var(--font-semi-bold)}.contact__social-links{column-gap:.75rem;display:flex;justify-content:center}.contact__social-link{background-color:#666;background-color:var(--black-color-light);border-radius:12px;color:#f2f2f2;color:var(--white-color);display:grid;font-size:1.25rem;padding:6px;place-items:center;transition:background-color .3s ease,transform .3s ease}.contact__social-link:hover{background-color:#8e110b;background-color:var(--first-color);transform:scale(1.1)}.contact__message{bottom:-1.6rem;color:#f2f2f2;color:var(--white-color);font-size:.813rem;font-size:var(--small-font-size);left:0;position:absolute}.footer{background-color:hwb(75 6% 93%);background-color:var(--black-color)}.footer__container{padding-block:3rem 2rem;row-gap:2.5rem}.footer__links{column-gap:2rem;display:flex;justify-content:center}.footer__link{background:none;border:none;color:#f2f2f2;color:var(--white-color);cursor:pointer;font-family:Bai Jamjuree,sans-serif;font-family:var(--body-font);font-size:.813rem;font-size:var(--small-font-size);transition:color .3s ease,transform .3s ease}.footer__link:hover{transform:translateY(-1px)}.footer__copy,.footer__link:hover{color:#a3a3a3;color:var(--text-color-light)}.footer__copy{font-size:.813rem;font-size:var(--small-font-size);text-align:center}.footer__copy a{font-weigth:500;font-weigth:var(--font-medium);color:#f2f2f2;color:var(--white-color)}::-webkit-scrollbar{background-color:#a6a6a6;border-radius:.5rem;width:.6rem}::-webkit-scrollbar-thumb{background-color:#8c8c8c;border-radius:.5rem}::-webkit-scrollbar-thumb:hover{background-color:#737373}.resume-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.resume-modal{animation:modalSlideIn .3s ease-out;background-color:#d4d4d4;background-color:var(--container-color);border-radius:16px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.resume-modal-header{align-items:center;border-bottom:1px solid #a3a3a3;border-bottom:1px solid var(--text-color-light);display:flex;justify-content:space-between;padding:2rem 2rem 1rem}.resume-modal-header h3{color:#000;color:var(--title-color);font-size:1.25rem;font-size:var(--h2-font-size);margin:0}.resume-modal-close{background:none;border:none;border-radius:8px;color:#595959;color:var(--text-color);cursor:pointer;font-size:1.5rem;padding:.5rem;transition:background-color .3s ease,color .3s ease}.resume-modal-close:hover{background-color:#8e110b;background-color:var(--first-color);color:#f2f2f2;color:var(--white-color)}.resume-modal-content{padding:1.5rem 2rem 2rem}.resume-modal-content p{margin-bottom:1.5rem}.resume-email-input,.resume-modal-content p{color:#595959;color:var(--text-color);font-size:.938rem;font-size:var(--normal-font-size)}.resume-email-input{background-color:#dedede;background-color:var(--body-color);border:2px solid #a3a3a3;border:2px solid var(--text-color-light);border-radius:12px;margin-bottom:1rem;padding:1rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.resume-email-input:focus{border-color:#8e110b;border-color:var(--first-color);box-shadow:0 0 0 3px rgba(3,86%,30%,.2);box-shadow:0 0 0 3px rgba(var(--first-color-hsl-h),var(--first-color-hsl-s),var(--first-color-hsl-l),.2);outline:none}.resume-email-input::placeholder{color:#a3a3a3;color:var(--text-color-light)}.resume-message{border-radius:8px;font-size:.813rem;font-size:var(--small-font-size);margin-bottom:1rem;padding:.75rem;text-align:center}.resume-message.success{background-color:#4caf501a;border:1px solid #4caf504d;color:#4caf50}.resume-message.error{background-color:#f443361a;border:1px solid #f443364d;color:#f44336}.resume-download-btn{gap:.5rem;justify-content:center;width:100%}.resume-download-btn:disabled{cursor:not-allowed;opacity:.7}.dark-theme .resume-modal{background-color:#d4d4d4;background-color:var(--container-color);box-shadow:0 20px 40px #00000080}.dark-theme .resume-modal-header{border-bottom-color:#666;border-bottom-color:var(--black-color-light)}.dark-theme .resume-email-input{background-color:#dedede;background-color:var(--body-color);border-color:#666;border-color:var(--black-color-light);color:#f2f2f2;color:var(--white-color)}.dark-theme .resume-email-input:focus{border-color:#8e110b;border-color:var(--first-color)}@media screen and (max-width:480px){.resume-modal{margin:1rem;width:95%}.resume-modal-content,.resume-modal-header{padding-left:1.5rem;padding-right:1.5rem}}.scrollup{background-color:hwb(75 6% 93%);background-color:var(--black-color);border-radius:12px;bottom:-50%;color:#f2f2f2;color:var(--white-color);display:inline-flex;font-size:1.25rem;padding:8px;position:fixed;right:1rem;transition:bottom .4s ease,transform .4s ease,background-color .4s ease;z-index:10;z-index:var(--z-tooltip)}.scrollup:hover{transform:translateY(-.5rem)}.show-scroll{bottom:3rem}@media screen and (max-width:340px){.container{margin-inline:1rem}.home__image{width:180px}.home__social-mobile{gap:1rem}.home__social-mobile .home__social-link{font-size:1.2rem;min-height:40px;min-width:40px;padding:8px}.about__image{width:180px}.about__shadow{height:330px;right:-2.5rem}.contact__data{width:100%}.contact__data .section__title-2{transform:translateX(0)}}@media screen and (max-width:480px){.home__social-desktop{display:none}.home__social-mobile{display:flex!important}.home__arrow,.home__line{display:none!important}.home__perfil{margin-top:2rem}.home__container{overflow:hidden;padding-top:1rem}}@media screen and (min-width:481px){.home__social-desktop{display:grid}.home__social-mobile{display:none}}@media screen and (min-width:576px){.about__container,.home__container,.projects__container{grid-template-columns:350px;justify-content:center}.home__arrow,.home__line{display:block}.contact__data{margin-inline:auto;padding:4rem 1.5rem;width:350px}.contact__container{grid-template-columns:500px;justify-content:center}.contact__group{column-gap:1rem;grid-template-columns:repeat(2,1fr)}.contact__social{background-color:initial}.contact__social-arrow{filter:invert(1)}.contact__social-description-1{color:#595959;color:var(--text-color)}.contact__social-description-2{color:#000;color:var(--title-color)}.dark-theme .contact__social-arrow{filter:none}}@media screen and (min-width:768px){.services__container{grid-template-columns:repeat(2,250px)}.projects__container{grid-template-columns:repeat(2,350px)}}@media screen and (min-width:1150px){.container{margin-inline:auto}.section{padding-block:8rem 3rem}.section__title-1:after,.section__title-2:after{height:48px;width:70px}.geometric-box{transform:scale(1.2)}.nav{column-gap:4rem;height:5.5rem;height:calc(var(--header-height) + 2rem)}.nav__close,.nav__name,.nav__title,.nav__toggle{display:none}.nav__list{column-gap:4rem;flex-direction:row}.nav__menu{margin-left:auto}.nav__link{color:#595959;color:var(--text-color);font-size:.938rem;font-size:var(--normal-font-size)}.nav__link:hover{color:#000;color:var(--title-color)}.nav__link:after{background-color:#000;background-color:var(--title-color)}.active-link{color:#000;color:var(--title-color)}.nav__link-button{background-color:hwb(75 6% 93%);background-color:var(--black-color);border-radius:12px;color:#f2f2f2;color:var(--white-color);padding:1.1rem 1.5rem;transition:all .3s ease}.nav__link-button:hover{background-color:initial;background-image:linear-gradient(to bottom right,#8e110b,#790c06);background-image:linear-gradient(to bottom right,var(--first-color),var(--first-color-hover-end));box-shadow:0 4px 8px #0003;color:#f2f2f2;color:var(--white-color);transform:translateY(-2px)}.dark-theme .nav__link-button:hover{box-shadow:0 4px 8px #0006}.nav__link-button:after{background-color:initial}.change-theme{color:#595959;color:var(--text-color)}.change-theme:hover{color:#000;color:var(--title-color)}.home__container{align-items:center;gap:2rem 4rem;grid-template-columns:repeat(2,460px);padding-block:5.5rem}.home__perfil{grid-column:2/3;grid-row:1/3}.home__image{width:350px}.home__shadow{border:6px solid hwb(75 6% 93%);border:6px solid var(--black-color);border-radius:12px;bottom:-1.25rem;right:-1.25rem}.home__description,.home__name{text-align:left;text-align:initial}.home__name{align-self:flex-end}.home__info{align-self:flex-start;margin-top:0}.home__description{font-size:1.25rem;font-size:var(--h2-font-size);margin-bottom:5.5rem;padding-left:3rem;position:relative}.home__description:after{background-color:#000;background-color:var(--title-color);content:"";height:2px;left:0;position:absolute;top:14px;width:32px}.home__scroll{align-items:center;column-gap:.75rem;display:flex;margin:0}.home__scroll-text{color:#595959;color:var(--text-color);display:block;font-size:.75rem;font-size:var(--smaller-font-size);font-weight:500;font-weight:var(--font-medium)}.home__scroll-box{border-radius:8px;height:44px;width:44px}.home__scroll-box i{font-size:1.25rem}.home__perfil .geometric-box{top:15rem}.home__arrow{left:-8rem;rotate:80deg;top:4.5rem;width:80px}.home__line{bottom:4rem;left:-15rem;rotate:30deg;width:80px}.home__social,.home__social-desktop{left:auto;right:-6rem}.home__social-mobile{display:none}.home__social-link{border-radius:8px;font-size:1.5rem;padding:.5rem}.about__container{align-items:center;gap:1rem 9rem;grid-template-columns:440px 525px;padding-block:1rem}.about__perfil{grid-row:1/3;order:-1}.about__image{width:350px}.about__img{border:8px solid #f2f2f2;border:8px solid var(--white-color);border-radius:12px}.about__shadow{border-bottom:6px solid #8e110b;border-bottom:6px solid var(--first-color);border-radius:12px;height:480px;right:-5.5rem;top:-4rem;width:240px}.about__perfil .geometric-box{right:-4rem;top:4.5rem}.about__line{right:-2rem;top:10rem;width:80px}.about__box{border-radius:12px;height:64px;right:-.75rem;width:64px}.about__container .section__title-1{align-self:flex-end;margin-inline:0}.about__info{align-self:flex-start;padding-left:3rem}.about__description{font-size:1.25rem;font-size:var(--h2-font-size);margin-bottom:2rem}.about__description:after{height:2px;left:-3rem;top:14px;width:32px}.about__list{margin-bottom:2rem}.about__buttons{justify-content:normal}.button__ghost{border-radius:12px;padding:.75rem}.button__ghost i{font-size:1.5rem}.services__container{column-gap:5rem;grid-template-columns:repeat(3,282px);padding-block:3rem 5rem}.services__content{border:6px solid hwb(75 6% 93%);border:6px solid var(--black-color);border-radius:16px;padding:6.5rem 1.5rem 3.5rem}.services__icon i{font-size:3rem}.services__box{border-radius:10px;height:32px;width:32px}.services__title{margin-bottom:1.5rem}.services__card:hover .services__border{transform:translate(1.25rem,1.25rem)}.projects__container{grid-template-columns:repeat(3,352px);padding-block:3rem 1rem}.projects__card{border-radius:16px}.projects__image{margin-bottom:1rem}.projects__image img{border-radius:10px}.projects__content{margin-bottom:1.5rem}.projects__button{border-radius:12px;right:1.25rem}.skills{padding-block:8rem 3rem}.skills__container{gap:2.5rem;grid-template-columns:repeat(4,1fr)}.skills__content{border-radius:16px}.contact__container{grid-template-columns:440px 670px;grid-template-rows:none;padding-bottom:2rem}.contact__mail{border-radius:16px;grid-column:2/3;grid-row:1/3;margin-top:0;padding:7rem 5.5rem 6rem 7.5rem}.contact__title{font-size:1.125rem;font-size:var(--h3-font-size);text-align:left;text-align:initial}.contact__box{height:60px}.contact__input{border-radius:10px}.contact__form .contact__area{height:11rem}.contact__button{border-radius:12px;margin-top:1.25rem;width:-webkit-max-content;width:max-content}.contact__data{border-bottom:6px solid #8e110b;border-bottom:6px solid var(--first-color);border-radius:16px;height:375px;margin:7.5rem 0 0 8rem;padding:4.5rem 3.5rem 3.5rem;width:392px}.contact__data .section__title-2{margin:0 0 2rem;transform:translateX(-6.5rem)}.contact__social{border-radius:16px;margin-left:8rem;text-align:left;text-align:initial}.contact__social-data{align-items:center;column-gap:1.25rem;flex-direction:row}.contact__social-arrow{width:40px}.contact__social-link{border-radius:12px;font-size:1.5rem;padding:.5rem}.contact__message{bottom:-2.5rem}.dark-theme .contact__data{box-shadow:4px 0 8px #0a0a0a4d}.footer__container{grid-template-columns:repeat(2,-webkit-max-content);grid-template-columns:repeat(2,max-content);justify-content:space-between;padding-block:4rem}.footer__links{column-gap:3rem;order:1}.scrollup{border-radius:12px;right:3rem}}
/*# sourceMappingURL=main.33ae6d53.css.map*/