@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600&display=swap";.header{position:fixed;width:100%;top:0;left:0;background-color:transparent;z-index:var(--z-fixed);transition:background-color .4s,box-shadow .4s}.bg-header{background-color:var(--body-color)}.bg-header :is(.nav__logo,.nav__toggle,.nav__change-theme){color:var(--title-color)}.nav{position:relative;height:var(--header-height);display:flex;justify-content:space-between;align-items:center}@media screen and (min-width: 1150px){.nav{height:calc(var(--header-height) + 2rem);column-gap:3rem}}.nav__logo{color:var(--white-color);text-transform:uppercase;font-weight:var(--font-semi-bold);transition:color .4s}.nav__actions{display:flex;align-items:center;column-gap:1rem}.nav__change-theme{color:var(--white-color);font-size:1.25rem;cursor:pointer;transition:color .4s}@media screen and (min-width: 1150px){.nav__change-theme{color:var(--title-color)}}.nav__toggle,.nav__close{display:inline-flex;font-size:1.25rem;cursor:pointer}@media screen and (min-width: 1150px){.nav__toggle,.nav__close{display:none}}.nav__toggle{color:var(--white-color);transition:color .4s}.nav__close{color:var(--title-color)}@media screen and (max-width: 1150px){.nav__menu{position:fixed;top:-100%;left:0;background-color:var(--body-color);width:100%;box-shadow:0 12px 24px var(--shadow-color);padding-block:5rem 4rem;transition:top .4s}}@media screen and (min-width: 1150px){.nav__menu{margin-left:auto}}.nav__list{display:flex;flex-direction:column;row-gap:2.5rem;text-align:center}@media screen and (min-width: 1150px){.nav__list{flex-direction:row;column-gap:3rem;align-items:center}}.nav__link{color:var(--title-color);font-weight:var(--font-semi-bold);transition:color .4s}.nav__link:hover{color:var(--first-color)}.nav__close{position:absolute;top:1.15rem;right:1.5rem}.show-menu{top:0}.dark-theme .bg-header{box-shadow:0 12px 24px var(--shadow-color)}.footer{background-color:var(--first-color)}.footer__container{padding-block:4rem 2rem;text-align:center;row-gap:5rem}@media screen and (min-width: 1150px){.footer__container{row-gap:6rem;padding-block:3.5rem}}.footer__content{row-gap:2rem}@media screen and (min-width: 1150px){.footer__content{grid-template-columns:1fr 2fr 1fr;align-items:center;justify-content:center}}.footer__content a,.footer__copy{color:var(--white-color)}.footer__logo{font-size:var(--h1-font-size);font-weight:var(--font-semi-bold);justify-self:center;text-transform:uppercase}@media screen and (min-width: 1150px){.footer__logo{font-size:var(--h2-font-size)}}.footer__links,.footer__social{display:flex;justify-content:center}.footer__links{flex-wrap:wrap;gap:2rem}@media screen and (min-width: 1150px){.footer__links{font-size:var(--h2-font-size);column-gap:3rem}}.footer__link{font-weight:var(--font-semi-bold)}.footer__logo:hover,.footer__link:hover{text-decoration:underline}.footer__social{flex-wrap:wrap;column-gap:1rem}@media screen and (min-width: 1150px){.footer__social{column-gap:1.5rem}}.footer__social-link{font-size:1.5rem;transition:transform .3s}.footer__social-link:hover{transform:translateY(-.25rem)}.footer__copy{font-size:var(--small-font-size);font-weight:var(--font-medium)}.scrollup{position:fixed;right:1rem;bottom:-50%;background-color:var(--container-color);box-shadow:0 12px 24px var(--shadow-color);display:inline-flex;padding:14px;font-size:1.25rem;color:var(--title-color);z-index:var(--z-tooltip);transition:bottom .4s,transform .4s}@media screen and (min-width: 1150px){.scrollup{right:3rem}}.scrollup:hover{transform:translateY(-.25rem)}.show-scrollup{bottom:1rem}.toast__container{position:fixed;top:0;z-index:var(--z-fixed);width:100%;display:flex;flex-direction:column;gap:5px;visibility:hidden}@media screen and (min-width: 768px){.toast__container{top:5.3rem;right:0;width:15rem}}@media screen and (min-width: 1150px){.toast__container{top:7rem}}.toast__active{visibility:visible}.toast__alert{display:flex;align-items:center;gap:10px;background-color:var(--body-color);box-shadow:0 12px 24px var(--shadow-color);padding-block:1rem;padding-inline-start:1.5rem;font-size:18px}@media screen and (min-width: 768px){.toast__alert{font-size:15px;padding-inline-start:10px}}.toast__alert-success{border-bottom:5px solid #28a745}.toast__alert-error{border-bottom:5px solid #dc3545}.toast__alert-warning{border-bottom:5px solid #ffc107}.toast__icon{min-width:20px;height:auto}.toast__alert-success :is(.toast__icon){color:#28a745}.toast__alert-error :is(.toast__icon){color:#dc3545}.toast__alert-warning :is(.toast__icon){color:#ffc107}.perfil{width:250px;height:250px;border:8px var(--first-color) solid;background-color:var(--body-color);border-radius:50%;justify-self:center;display:grid;place-items:center;transition:background-color .4s}@media screen and (min-width: 1150px){.perfil{width:500px;height:500px;border-width:15px}}.perfil__content{width:180px;height:180px;border:10px var(--first-color) solid;border-radius:50%;overflow:hidden;display:flex;justify-content:center;align-items:end;background:linear-gradient(180deg,hsl(var(--hue),90%,80%),hsl(var(--hue),90%,30%))}@media screen and (min-width: 1150px){.perfil__content{width:360px;height:360px;border:15px}}.perfil__img{width:150px}@media screen and (min-width: 1150px){.perfil__img{width:300px}}.work__container{row-gap:2rem}@media screen and (min-width: 576px){.work__container{grid-template-columns:350px;justify-content:center}}@media screen and (min-width: 768px){.work__container{grid-template-columns:repeat(2,320px);justify-content:center;gap:2rem}}@media screen and (min-width: 1150px){.work__container{grid-template-columns:repeat(3,345px);justify-content:center;gap:2rem}}.work__card{justify-self:center;opacity:0;filter:blur(4px);transform:translateY(10%);transition:opacity .5s,filter .5s,transform .5s}.work__card.show__observer{opacity:1;filter:blur(0);transform:translateY(0)}.work__link{display:inline-block;position:relative;overflow:hidden;margin-bottom:1rem;cursor:pointer}.work__img{filter:grayscale(1);transition:filter .5s,transform .5s}.work__icon{position:absolute;top:1.25rem;right:1.25rem;font-size:2rem;color:var(--first-color);transition:transform .5s}.work__link:hover .work__img{filter:grayscale(0);transform:scale(1.1)}.work__link:hover .work__icon{transform:translate(.5rem,-.5rem) rotate(-45deg)}.work__title{font-size:var(--h2-font-size);margin-bottom:.25rem}.services__container{row-gap:2rem}@media screen and (min-width: 576px){.services__container{grid-template-columns:320px;justify-content:center}}@media screen and (min-width: 768px){.services__container{grid-template-columns:repeat(2,320px);justify-content:center;gap:2rem}}@media screen and (min-width: 1150px){.services__container{grid-template-columns:repeat(3,345px);justify-content:center;gap:2rem}}.services__card{background-color:var(--container-color);padding:3.5rem 1.5rem;box-shadow:0 12px 24px var(--shadow-color);text-align:center;opacity:0;filter:blur(4px);transform:translateY(10%);transition:background-color .4s,opacity .5s,filter .5s,transform .5s}.services__card.show__observer{opacity:1;filter:blur(0);transform:translateY(0)}@media screen and (min-width: 1150px){.services__card{padding-block:4.5rem}}.services__icon{display:inline-block;font-size:3rem;color:var(--first-color);margin-bottom:1.5rem}.services__title{font-size:var(--h2-font-size);margin-bottom:1rem}.services__description{margin-bottom:3rem}.services__button{cursor:pointer}.services__modal{position:fixed;top:0;right:0;bottom:0;left:0;background-color:hsla(var(--hue),90%,30%,.3);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:grid;place-items:center;padding:2rem 1.5rem;opacity:0;visibility:hidden;z-index:var(--z-modal);transition:opacity .4s,visibility .4s}@media screen and (max-width: 320px){.services__modal{padding-inline:.5rem}}.services__modal-content{max-height:420px;position:relative;background-color:var(--container-color);padding:3.5rem 1.5rem;border-bottom:6px solid var(--first-color);overflow:auto}@media screen and (min-width: 576px){.services__modal-content{width:400px}}@media screen and (min-width: 1150px){.services__modal-content{max-height:480px;padding:5.5rem 2rem}}.services__modal-content::-webkit-scrollbar{width:.6rem}.services__modal-content::-webkit-scrollbar-thumb{background-color:var(--text-color-light)}.services__modal-title{font-size:var(--h2-font-size);margin-bottom:2.5rem}.services__modal-list{margin-left:1rem}.services__modal-item{text-align:initial;list-style:square;margin-bottom:1rem}.services__modal-item::marker{color:var(--first-color)}.services__modal-close{position:absolute;top:1rem;right:1rem;font-size:1.5rem;color:var(--first-color);cursor:pointer}@media screen and (min-width: 1150px){.services__modal-close{font-size:2rem}}.active-modal{opacity:1;visibility:visible}.dark-theme .services__modal{background-color:hsla(var(--hue),90%,8%,.3)}.home{position:relative;border-bottom:8px solid var(--first-color)}.home__rectangle{width:100%;height:220px;background-color:var(--first-color);position:absolute;top:0;left:0;z-index:var(--z-back)}@media screen and (min-width: 1150px){.home__rectangle{width:30vw;height:100%}}@media screen and (min-width: 1150px){.home__rectangle{width:33vw;height:100%}}@media screen and (min-width: 2048px){.home__rectangle{width:40vw;height:100%}}.home__container{row-gap:1rem;padding-block:1rem 3rem}@media screen and (min-width: 1150px){.home__container{position:relative;grid-template-columns:500px auto;align-items:center;column-gap:4rem;padding-block:3.5rem 8rem}}.home__content{row-gap:3rem}@media screen and (min-width: 1150px){.home__content{row-gap:4rem}}.home__data{row-gap:1.5rem;text-align:center}@media screen and (min-width: 1150px){.home__data{row-gap:1rem;text-align:initial}}.home__name{font-size:var(--biggest-font-size)}.home__profession{font-size:var(--h2-font-size)}.home__social{display:flex;justify-content:center;column-gap:1.5rem}@media screen and (min-width: 1150px){.home__social{flex-direction:column;row-gap:1.5rem;position:absolute;bottom:0;right:0;top:-4rem}}.home__social-link{font-size:1.5rem;color:var(--title-color);transition:color .4s}@media screen and (min-width: 1150px){.home__social-link{color:var(--first-color)}}.home__social-link:hover{color:var(--first-color)}.home__button{justify-self:center}@media screen and (min-width: 1150px){.home__button{justify-self:start}}.home__container-contact{row-gap:1rem;padding-block:1rem 3rem}@media screen and (min-width: 1150px){.home__container-contact{grid-template-columns:repeat(2,max-content);justify-content:center;align-items:center;column-gap:25rem;padding-block:1rem 5rem}.home__container-contact .section__title{margin:0;text-align:initial}}.about{border-bottom:8px solid var(--first-color)}@media screen and (min-width: 576px){.about__container{grid-template-columns:400px;justify-content:center}}@media screen and (min-width: 1150px){.about__container{grid-template-columns:500px 440px;align-items:center;justify-content:center;column-gap:3rem;padding-top:2rem}}.about__page{row-gap:1rem;margin-bottom:4rem}.about__perfil{justify-self:center}.about__content{row-gap:3rem}.about__data{row-gap:2rem}@media screen and (min-width: 1150px){.about__data{row-gap:3.5rem}}.about__info{row-gap:.75rem;text-align:center}@media screen and (min-width: 1150px){.about__info{text-align:initial}}.about__name{font-size:var(--h1-font-size)}.about__profession{font-size:var(--h2-font-size)}.about__description b{color:var(--first-color)}.about__button{justify-self:center}@media screen and (min-width: 1150px){.about__button{justify-self:start}}.about__skills-title{font-size:var(--h3-font-size);text-align:center;margin-bottom:2rem}@media screen and (min-width: 1150px){.about__skills-title{text-align:initial}}.about__skills-content{grid-template-columns:repeat(5,max-content);align-items:center;justify-content:center;gap:2rem 1.5rem}@media screen and (max-width: 320px){.about__skills-content{grid-template-columns:repeat(4,max-content)}}@media screen and (min-width: 1150px){.about__skills-content{grid-template-columns:repeat(7,max-content);justify-content:initial}}.about__skills-img{width:35px;transition:transform .4s}.about__skills-img:hover{transform:translateY(-5px)}@media screen and (min-width: 1150px){.about__skills-img{width:40px}}.contact__page{padding-block:1rem 4rem}@media screen and (min-width: 768px){.contact__page{grid-template-columns:670px;justify-content:center}}.contact__form{position:relative;row-gap:1rem}.contact__group{row-gap:1rem}@media screen and (min-width: 768px){.contact__group{grid-template-columns:repeat(2,1fr);column-gap:1rem}}.contact__box{position:relative;width:100%;height:58px}.contact__input{width:100%;height:100%;background-color:var(--body-color);border:3px solid var(--text-color-light);padding:.5rem 1rem;color:var(--title-color);font-weight:var(--font-semi-bold);transition:border-color .4s,background-color .4s}.contact__input:-webkit-autofill{transition:background-color 5000s,color 5000s}.contact__input:focus{border-color:var(--title-color)}.contact__label{position:absolute;top:-16px;left:16px;font-size:var(--small-font-size);font-weight:var(--font-semi-bold);color:var(--title-color);background-color:var(--body-color);padding:8px;transition:background-color .4s}.contact__area{height:10rem}@media screen and (min-width: 768px){.contact__area{height:18rem}}.contact__area textarea{resize:none;padding-top:1.25rem}.contact__send{padding-block:1.25rem;cursor:pointer}@media screen and (min-width: 768px){.contact__send{justify-self:center}}.contact__message{position:absolute;bottom:-2rem;left:0;font-size:var(--small-font-size);font-weight:var(--font-semi-bold);color:var(--title-color)}.achivement__container{row-gap:2rem;justify-content:center}.portfolio__page{padding-bottom:4rem}@media screen and (min-width: 576px){.achivement__container{grid-template-columns:350px;justify-content:center}}@media screen and (min-width: 768px){.achivement__container{grid-template-columns:repeat(2,320px);justify-content:center;gap:2rem}}@media screen and (min-width: 1150px){.achivement__container{grid-template-columns:repeat(3,345px);justify-content:center;gap:2rem}}.achivement__card{background-color:var(--container-color);padding:3.5rem 1.5rem;box-shadow:0 12px 24px var(--shadow-color);text-align:center;justify-items:center;align-items:center;row-gap:1rem;opacity:0;filter:blur(4px);transform:translateY(10%);transition:background-color .4s,opacity .5s,filter .5s,transform .5s}.achivement__card.show__observer{opacity:1;filter:blur(0);transform:translateY(0)}.achivement__img{padding:1.2rem;transition:background-color .4s,border-radius .4s}.achivement__title{font-size:var(--h2-font-size)}.achivement__button{cursor:pointer;align-self:center}:root{--header-height: 3.5rem;--hue: 224;--first-color: hsl(var(--hue), 90%, 60%);--first-color-alt: hsl(var(--hue), 82%, 56%);--first-color-light: hsl(var(--hue), 40%, 80%);--title-color: hsl(var(--hue), 24%, 16%);--text-color: hsl(var(--hue), 8%, 45%);--text-color-light: hsl(var(--hue), 8%, 60%);--white-color: hsl(0, 0%, 100%);--body-color: hsl(0, 0%, 100%);--container-color: hsl(0, 0%, 100%);--shadow-color: hsla(var(--hue), 90%, 30%, .1);--body-font: "Syne", sans-serif;--biggest-font-size: 2rem;--h1-font-size: 1.5rem;--h2-font-size: 1.25rem;--h3-font-size: 1rem;--normal-font-size: .938rem;--small-font-size: .813rem;--smaller-font-size: .75rem;--font-regular: 400;--font-medium: 500;--font-semi-bold: 600;--z-back: -1;--z-tooltip: 10;--z-fixed: 100;--z-modal: 1000}@media screen and (min-width: 1150px){:root{--biggest-font-size: 4.5rem;--h1-font-size: 2.25rem;--h2-font-size: 1.5rem;--h3-font-size: 1.25rem;--normal-font-size: 1.125rem;--small-font-size: .875rem;--smaller-font-size: .813rem}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;line-height:1.15}body,input,textarea,button{font-family:var(--body-font);font-size:var(--normal-font-size)}body{background-color:var(--body-color);color:var(--text-color);transition:background-color .4s}input,button,textarea{border:none;outline:none}h1,h2,h3,h4{color:var(--title-color);font-weight:var(--font-semi-bold)}ul{list-style:none}a{text-decoration:none}img{display:block;max-width:100%;height:auto}.container{max-width:1120px;margin-inline:1.5rem}@media screen and (max-width: 320px){.container{margin-inline:1rem}}@media screen and (min-width: 1150px){.container{margin-inline:auto}}.grid{display:grid}.section{padding-block:5rem 1rem}@media screen and (min-width: 1150px){.section{padding-block:7rem 2rem}}.section__title{font-size:var(--h1-font-size);text-align:center;margin-bottom:2rem}@media screen and (min-width: 1150px){.section__title{margin-bottom:3.5rem}}.main{overflow:hidden}.button{display:inline-block;background-color:var(--first-color);color:var(--white-color);font-weight:var(--font-semi-bold);padding:1rem 2rem;transition:background-color .4s}.button:hover{background-color:var(--first-color-alt);box-shadow:0 10px 30px var(hsla(var(--hue), 90%, 30%, 0))}.button:is(:disabled){background-color:var(--first-color-light);cursor:wait}::-webkit-scrollbar{width:.6rem;background-color:hsl(var(--hue),20%,85%)}::-webkit-scrollbar-thumb{width:.6rem;background-color:hsl(var(--hue),20%,65%)}::-webkit-scrollbar-thumb:hover{background-color:hsl(var(--hue),20%,55%)}body.dark-theme{--title-color: hsl(var(--hue), 24%, 85%);--text-color: hsl(var(--hue), 8%, 70%);--body-color: hsl(var(--hue), 16%, 8%);--container-color: hsl(var(--hue), 16%, 12%);--shadow-color: hsla(var(--hue), 32%, 4%, .4)}.dark-theme::-webkit-scrollbar{background-color:hsl(var(--hue),16%,15%)}.dark-theme::-webkit-scrollbar-thumb{background-color:hsl(var(--hue),20%,25%)}.dark-theme::-webkit-scrollbar-thumb:hover{background-color:hsl(var(--hue),20%,35%)}