@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap";header{padding-top:7rem}.header__container{text-align:center;height:100%;position:relative}.header__container h1{font-weight:600}.header__container h5{font-weight:500;font-size:.813rem}.cta{margin-top:2.5rem;display:flex;gap:1.2rem;justify-content:center}.header__socials{display:flex;flex-direction:column;align-items:center;gap:.8rem;position:absolute;left:0;bottom:3rem}.header__socials:after{content:"";width:2px;height:1.5rem;border-radius:1rem;background:var(--color-primary)}.header__socials a{background:var(--color-bg-variant);color:var(--color-primary);padding:.5rem;border-radius:2rem;display:flex;font-size:1.2rem;transition:var(--transition)}.header__socials a:hover{background-color:var(--color-primary);color:#000}.me{background:linear-gradient(var(--color-primary),transparent);width:22rem;height:30rem;position:relative;left:calc(50% - 11rem);margin-top:4rem;overflow:hidden;background:linear-gradient(180deg,hsla(var(--first-hue),var(--sat),var(--lig),1),hsla(var(--first-hue),var(--sat),var(--lig),.2));border-radius:12rem 12rem 1rem 1rem;display:flex;align-items:flex-end;justify-content:center}.scroll{position:absolute;right:0rem;bottom:6rem}.mouse{--color: var(--color-primary);--sizeX: 30px;--sizeY: 50px;position:relative;width:var(--sizeX);height:var(--sizeY);margin-left:var(sizeX / 2);border:calc(var(--sizeX) / 10) solid var(--color);border-radius:50px;box-sizing:border-box;margin-bottom:16px;cursor:pointer}.mouse:before{content:"";position:absolute;bottom:30px;left:50%;width:6px;height:6px;margin-left:-3px;background-color:var(--color);border-radius:100%;animation:scroll-down-anim 2s infinite;box-sizing:border-box;box-shadow:0 -5px 3px 1px #2a547066}@keyframes scroll-down-anim{0%{opacity:0;height:6px}40%{opacity:1;height:10px}80%{transform:translateY(20px);height:10px;opacity:0}to{height:3px;opacity:0}}.chevrons{padding:6px 0 0;margin-left:-3px;margin-top:52px;width:30px;display:flex;flex-direction:column;align-items:center}.chevron__down{margin-top:-6px;position:relative;border:solid var(--color);border-width:0 3px 3px 0;display:inline-block;width:10px;height:10px;transform:rotate(45deg);margin-bottom:.3rem}.chevron__down:nth-child(odd){animation:pulse .7s ease infinite alternate}.chevron__down:nth-child(2n){animation:pulse .7s ease infinite alternate .25s}@keyframes pulse{0%{opacity:0}to{opacity:.5}}@media screen and (max-width: 1024px){.header__logo{padding:2rem 7%}}@media screen and (max-width: 600px){.header__logo{padding:1rem 5%}.cta a>:not(p){display:none}.header__socials,.scroll__down{display:none}}@media screen and (max-width: 375px){.header__container h1{font-size:2rem}.cta{flex-direction:column;align-items:center}.me{width:90%;height:100%;left:5%}}._tooltip_1dpnr_1{position:absolute;top:0;left:0;pointer-events:none;z-index:10;display:none}._tooltip_1dpnr_1._top_1dpnr_10,._tooltip_1dpnr_1._bottom_1dpnr_11{left:50%;top:50%;transform:translate(-50%,-50%);width:auto;height:auto}._tooltip_1dpnr_1._left_1dpnr_19,._tooltip_1dpnr_1._right_1dpnr_20{width:100%;height:100%}._tooltip__content_1dpnr_25{text-transform:capitalize;font-size:14px;font-weight:500;height:max-content;width:max-content;letter-spacing:1px;padding:6px 10px;border-radius:8px;line-height:1.4;background:#16171a;color:#e3e3e3;box-shadow:#0000003d 0 3px 8px}@media (hover: hover) and (pointer: fine){._tooltip_1dpnr_1{display:block}}nav{font-size:1.1rem;font-weight:600;position:fixed;top:0;width:100%;z-index:5}.nav__logo{background:var(--color-bg);padding:1.5rem 12.5%}.nav__logo a{display:flex;align-items:center}.nav__logo a,.nav__logo a:hover{color:var(--color-title)}.nav__logo-dot{display:inline-block;width:.4rem;height:.4rem;border-radius:50%;background:var(--color-primary);margin:0 .3rem}.nav__menu{background:#0000004d;width:max-content;display:block;padding:.5rem;z-index:2;position:fixed;left:50%;transform:translate(-50%);bottom:2rem;display:flex;gap:1.5rem;border-radius:3rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.nav__menu:after{content:"";display:block;width:3rem;height:3rem;position:absolute;top:.5rem;border-radius:50%;transition:right .25s linear;background:var(--color-primary);z-index:-1}.nav__menu:has(:nth-child(1)[data-active=true]):after{right:18.5rem}.nav__menu:has(:nth-child(2)[data-active=true]):after{right:14rem}.nav__menu:has(:nth-child(3)[data-active=true]):after{right:9.5rem}.nav__menu:has(:nth-child(4)[data-active=true]):after{right:5rem}.nav__menu:has(:nth-child(5)[data-active=true]):after{right:.5rem}.nav__menu a{background:transparent;padding:.9rem;border-radius:50%;display:flex;color:var(--color-light);font-size:1.2rem;position:relative}.nav__menu a:not([data-active=true]):hover{background:#0000004d;color:var(--color-light)}.nav__menu a[data-active=true]{color:var(--color-bg);animation:flip-in .3s cubic-bezier(.25,.46,.45,.94) both .3s}@keyframes flip-in{0%{transform:rotateX(80deg);opacity:0}to{transform:rotateX(0);opacity:1}}@media screen and (max-width: 1024px){.nav__logo{padding:1.5rem 7%}}@media screen and (max-width: 600px){.nav__logo{padding:1rem 5%}.nav__menu a:not([data-active=true]):hover{background:transparent}.tooltip{display:none}}@media screen and (max-width: 375px){.nav__menu{bottom:1rem;gap:0;justify-content:space-around;width:90%}.nav__menu a{padding:.7rem;font-size:1.1rem}.nav__menu:after{display:none}.nav__menu a[data-active=true]{background:var(--color-primary);transition-delay:.3s}}.about__container{display:grid;grid-template-columns:37% 55%;gap:8%}.about__me{width:100%;aspect-ratio:1/1}.about__me-image{border-radius:2rem;overflow:hidden}.about__cards{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.about__card{background:var(--color-bg-variant);border:1px solid transparent;border-radius:1rem;padding:2rem;text-align:center;cursor:default}.about__icon{color:var(--color-primary);font-size:2rem;margin-bottom:.5rem}.about__card h5{font-size:1.1rem}.about__card small{color:var(--color-light);font-size:.8rem}.about__card small svg{color:var(--color-primary)}.about__content>p{margin:1.5rem 0;color:var(--color-light);font-size:1.04rem;text-align:justify;line-height:1.8}.about__content-more p{margin-bottom:1rem;font-size:1.03rem;line-height:1.8;text-align:justify}.read-more,.read-less{text-decoration:underline;color:var(--color-primary);cursor:pointer;white-space:nowrap;word-wrap:break-word}.read-more:hover,.read-less:hover{color:var(--color-primary-variant)}.read-more{margin-left:.7rem}@media screen and (max-width: 1024px){.about__container{grid-template-columns:1fr;gap:0}.about__me{width:50%;margin:2rem auto 4rem}.about__content>p{margin:1rem 0 1.5rem}.about__content .btn{margin:0 auto}}@media screen and (max-width: 600px){.about__me{width:75%;margin-bottom:2.5rem}.about__cards{grid-template-columns:1fr;gap:1rem}.about__content{text-align:center}.about__content>p{margin:1.5rem 0}}.skills__title{text-align:center;font-size:1.8rem;font-weight:600;margin:0 auto;margin-top:-2.5rem}.skills__description{display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 auto;width:75%;margin-bottom:2rem;margin-top:-2.5rem}.skills__description p{margin-bottom:.2rem;font-size:1.05rem;width:85%}.skills__items{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;max-width:55rem;margin:0 auto}.skill__item{display:flex;flex-direction:column;justify-content:center;align-items:center}.item__icon{padding:1.5rem;color:var(--color-primary);margin-bottom:.5rem;background-color:var(--color-bg-variant);border-radius:50%;display:flex;box-shadow:#0000002b 0 -23px 25px inset,#00000014 0 -36px 30px inset}.item__icon svg{width:2.5rem;height:2.5rem}.item__text{color:var(--color-title)}.bold{color:var(--color-primary);font-weight:500}@media screen and (max-width: 1300px){.skills__description{width:85%}}@media screen and (max-width: 1024px){.skills__description{width:90%}.skills__description p{width:100%}.item__icon svg{width:2rem;height:2rem}}@media screen and (max-width: 600px){.skills__description{margin-top:-.5rem}.skills__items{display:grid;grid-template-columns:repeat(auto-fill,80px)}.item__icon{padding:1rem}.item__icon svg{width:2rem;height:2rem}}.portfolio__container{display:grid;grid-template-columns:repeat(auto-fit,minmax(328px,1fr));gap:2rem}.portfolio__item{background:var(--color-bg-variant);padding:1.3rem;border-radius:1.5rem}.portfolio__item-image{border-radius:1rem;overflow:hidden}.portfolio__item-title{margin:1.2rem 0 1rem;color:var(--color-primary);font-size:1.3rem}.portfolio__item-description{margin-bottom:2rem;font-weight:400;color:var(--color-light)}.portfolio__item-cta{display:flex;gap:1rem}.portfolio__item-cta a{min-width:fit-content;flex:1;justify-content:center}.portfolio__item-tools{display:flex;gap:1rem;padding-bottom:2rem}.portfolio__item-tools svg{width:2.5rem;height:2.5rem}@media screen and (max-width: 1024px){.portfolio__container{column-gap:1.2rem}}@media screen and (max-width: 370px){.portfolio__container{grid-template-columns:1fr}.portfolio__item{padding:1rem}.portfolio__item-cta{flex-direction:column}.portfolio__item-title{font-size:1.2rem;margin:1rem 0 .5rem}}.contact__container{width:58%;display:grid;grid-template-columns:30% 58%;gap:12%}.contact__options{display:flex;flex-direction:column;gap:1.2rem}.contact__option{background:var(--color-bg-variant);padding:1.2rem;border-radius:1.2rem;text-align:center}.contact__option-icon{height:2rem;width:2rem;font-size:1.5rem}.contact__option a{margin-top:.7rem;display:inline-block;font-size:.8rem}.contact__option h5{color:var(--color-light);font-weight:500}form{display:flex;flex-direction:column;gap:1.2rem}input,textarea{width:100%;padding:1.05rem 1.5rem;border-radius:1rem;background:transparent;border:2px solid hsl(220,10%,29%);resize:none;color:var(--color-white);font-family:inherit;font-size:inherit;transition:var(--transition)}input:focus,textarea:focus{border:2px solid var(--color-primary)}.form__button{font-family:inherit;font-size:inherit}@media screen and (max-width: 700px){.contact__container{grid-template-columns:1fr;gap:2rem;width:var(--container-width-sm)}.contact__option{width:100%;margin:0 auto}form{gap:2rem}}footer{padding-top:2rem;background:var(--color-bg-variant);margin-top:7rem;padding:2rem 0 3rem}.footer__container{display:flex;justify-content:space-between;align-items:center;gap:2rem}footer a{color:var(--color-bg)}.footer__title{font-size:2rem;font-weight:600}.footer__title span{color:var(--color-primary)}.footer__subtitle{color:var(--color-light)}.footer__links{display:flex;gap:2rem}.footer__links a{color:var(--color-white)}.footer__links li a:hover{color:var(--color-primary)}.footer__socials{display:flex;gap:.5rem}.footer__socials a{color:var(--color-white);background:var(--color-bg);padding:.8rem;border-radius:.7rem;display:flex;border:1px solid transparent}.footer__socials a:hover{border-color:var(--color-white)}.footer__copyright{margin:4rem 0;text-align:center;color:var(--color-light);opacity:.5}@media screen and (max-width: 1024px){.footer__container{flex-direction:column;align-items:flex-start}}@media screen and (max-width: 600px){.footer__links{flex-direction:column}}.loader-wrapper{display:flex;justify-content:center;align-items:center;height:100vh}.custom-loader{width:120px;height:22px;border-radius:20px;color:var(--color-primary);border:2px solid;position:relative}.custom-loader:before{content:"";position:absolute;margin:2px;top:0;right:100%;bottom:0;left:0;border-radius:inherit;background:var(--color-primary);animation:p6 2s infinite;animation-delay:.3s}@keyframes p6{to{top:0;right:0;bottom:0;left:0}}*{margin:0;padding:0;border:0;outline:0;box-sizing:border-box;list-style:none;text-decoration:none}:root{--color-title: rgb(240, 242, 244);--color-white: rgb(186, 190, 196);--color-light: rgba(255, 255, 255, .6);--transition: all .3s ease;--container-width-lg: 75%;--container-width-md: 86%;--container-width-sm: 90%;--color-bg: rgb(11, 17, 30);--color-bg-variant: rgb(21, 28, 40);--first-hue: 200;--sat: 100%;--lig: 65%;--color-primary: hsl(var(--first-hue), var(--sat), var(--lig));--color-primary-variant: hsl(var(--first-hue), var(--sat), 55%)}html{-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{display:none}body{font-family:Poppins,sans-serif;background:var(--color-bg);color:var(--color-white);line-height:1.7}.container{width:var(--container-width-lg);margin:0 auto}h1,h2,h3,h4,h5{font-weight:500;color:var(--color-title)}h1{font-size:2.5rem}section{padding:8rem 0 1rem}section>h2,section>h5{text-align:center;color:var(--color-light)}section>h2{color:var(--color-primary);margin-bottom:3.5rem}.text-light{color:#babec4}a{color:var(--color-primary);transition:var(--transition);cursor:pointer}a:hover{color:var(--color-primary-variant)}.btn{width:max-content;display:inline-block;padding:.75rem 1.5rem;border-radius:2rem;display:flex!important;align-items:center;gap:.5rem;cursor:pointer;transition:var(--transition);box-shadow:inset 0 0 0 2px var(--color-primary);position:relative;overflow:hidden;z-index:1}.btn-sm{padding:.75rem 1.3rem;border-radius:1rem}.btn:hover{color:var(--color-bg)}.btn:before{content:"";position:absolute;top:0;left:0;width:0%;height:100%;border-radius:inherit;background-color:var(--color-title);transition:all .3s;z-index:-1}.btn:hover:before{width:100%}.btn-primary{background-color:var(--color-primary);color:var(--color-bg);font-weight:500}.btn svg{font-size:1.4rem}.btn-sm svg{font-size:1.2rem}.btn:hover svg{animation:slide-in-left .3s cubic-bezier(.25,.46,.45,.94) .2s both}@keyframes slide-in-left{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}img{display:block;width:100%;object-fit:cover}@media screen and (max-width: 1024px){.container{width:var(--container-width-md)}section{padding-top:6rem}}@media screen and (max-width: 600px){.container{width:var(--container-width-sm)}section>h2{margin-bottom:2rem}}