*{box-sizing:border-box;margin:0;padding:0;font-family:Nunito,sans-serif}.hidden{display:none!important}a,button{color:#ccc;text-decoration:none}@keyframes color-change-2x{0%{background:#02021f}to{background:#6a0b9d}}.App{background:#23043a;animation:6s linear infinite alternate both color-change-2x}.header{z-index:2}#canvas1{width:100%;height:100vh}header{z-index:3;background-color:#00000080;align-items:center;height:10vh;transition-duration:1s;display:flex;position:fixed}.minHeader{height:7vh}header,nav,ul{align-items:center;width:100%;display:flex}.mobile,.btns-menu-mobile{display:none}button{all:unset;cursor:pointer}header nav>img{cursor:pointer}header nav button{text-transform:uppercase}header ul{justify-content:space-between;margin:0;padding:0;list-style:none}header li{justify-content:center;align-items:center;gap:.5vw;display:flex}header li button{text-align:center;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;white-space:nowrap;border:.1vh solid #fff3;border-top:.4vh solid #fff6;border-left:.4vh solid #fff6;border-radius:10px;justify-content:center;align-items:center;min-width:-moz-fit-content;min-width:fit-content;margin:2% 0 0 1%;padding:12px 8px;transition:all .6s;display:inline-flex;overflow:hidden;box-shadow:0 5px 45px #0000001a}header li button:hover{color:#9649d1;transform:translateY(-2px)}header li button:before{content:"";background:#ffffff80;width:50px;height:100px;transition:all 1s;position:absolute;top:0;left:0;transform:skew(45deg)translate(190px)}header li button:hover:before{transform:skew(45deg)translate(-150px)}header .logo{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a1556",endColorstr="#9649d1",GradientType=0);color:#0000;cursor:pointer;background:linear-gradient(#0a1556 2%,#9649d1 80%);-webkit-background-clip:text;background-clip:text;margin:0;transition:transform .3s ease-in-out}header .logo a,.logo a:hover,.logo a:before,.logo a:hover:before{all:unset}header .logo a,.logo a:hover{text-transform:initial;color:#fff}header .logo:hover{transform:scale(1.1)}.base-RnA_mQ{font-family:var(--font-family-base);margin:0}.title-VhreEp{font-weight:var(--font-weight-bold);line-height:var(--line-height-title);letter-spacing:var(--letter-spacing-tight)}.title-hero-hR6eZI{font-size:var(--font-size-title-hero)}.title-hero-wide-MeTQZ7{max-width:100%;font-size:var(--font-size-title-hero-wide);text-wrap:balance}.title-display-Vy_mmc{font-size:var(--font-size-title-display);font-weight:var(--font-weight-regular)}.title-section-YB6jNC{font-size:var(--font-size-title-section)}.title-card-_bO8lQ{font-size:var(--font-size-title-card);line-height:var(--line-height-heading)}.title-metric-KgoFJs{font-size:var(--font-size-title-metric);font-weight:var(--font-weight-extrabold);line-height:.85}.subtitle-O8a_Hh{font-weight:var(--font-weight-bold);line-height:var(--line-height-heading)}.subtitle-lead-yjANx0{font-size:var(--font-size-subtitle-lead)}.subtitle-default-ikMqQ5{font-size:var(--font-size-subtitle-default)}.subtitle-label-sWXoOE{font-size:var(--font-size-subtitle-label);letter-spacing:var(--letter-spacing-label);text-transform:uppercase}.text-I98fp_{font-weight:var(--font-weight-regular);line-height:var(--line-height-body)}.text-body-NPPOXj{font-size:var(--font-size-text-body)}.text-small-uTZl6j{font-size:var(--font-size-text-small)}.text-caption-w1EvBH{font-size:var(--font-size-text-caption)}.text-label-WJv7yg{font-size:var(--font-size-text-label);font-weight:var(--font-weight-bold);line-height:var(--line-height-compact);letter-spacing:.04em;text-transform:uppercase}.text-brand-GcwdwH{font-size:var(--font-size-text-brand);font-weight:var(--font-weight-regular);line-height:1}@media (min-width:769px){.title-hero-wide-MeTQZ7{white-space:nowrap}}.section_introduction{justify-content:center;display:flex}.introductionText *{color:#fff}.introductionText{flex-direction:column;justify-content:center;align-items:center;width:100%;height:90vh;margin-top:15vh;display:flex;position:absolute}.hero-subtitle{text-align:center}.hero-heading{place-items:center;width:100%;display:grid;position:relative}.hero-heading>*{grid-area:1/1}@keyframes fade-in-right{0%{opacity:0;transform:translateY(50vh)}to{opacity:1;transform:translate(0)}}@keyframes fade-in-top{0%{opacity:0;transform:translateY(-50vh)}to{opacity:1;transform:translateY(0)}}.introductionText .hero-title{z-index:1;text-transform:uppercase;text-align:center;-webkit-text-stroke:1px #fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0a1556",endColorstr="#9649d1",GradientType=0);color:#0000;background:linear-gradient(270deg,#0a1556 40%,#9649d1 60%);-webkit-background-clip:text;background-clip:text;animation:5s cubic-bezier(.39,.575,.565,1) both fade-in-top;position:relative}@keyframes fade-in{0%{opacity:0}to{opacity:.4}}.pixelPerfect{z-index:0;text-align:center;transform:translateY(var(--hero-background-title-offset));white-space:nowrap;pointer-events:none;color:#0000;background:linear-gradient(#9649d1 1%,#040431 65%);-webkit-background-clip:text;background-clip:text;animation:2s cubic-bezier(.39,.575,.565,1) 4s both fade-in}.hero-subtitle{text-align:center;animation:5s cubic-bezier(.39,.575,.565,1) both fade-in-right}.div-picture,.apresentation>h2,.apresentation>h3,.apresentation>p,.socialMedias>div,.buttonOne,.buttonTwo,.buttonThree,.buttonFour{opacity:0}@keyframes slide-in-right{0%{opacity:0;transform:translate(1000px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-top{0%{opacity:0;transform:translateY(-1000px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-1000px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-bl{0%{opacity:0;transform:translateY(1000px)translate(-1000px)}to{opacity:1;transform:translateY(0)translate(0)}}@keyframes slide-in-bottom{0%{opacity:0}to{opacity:1}}@keyframes slide-in-bottomToTop{0%{opacity:0;transform:translateY(1000px)}to{opacity:1;transform:translateY(0)}}.slide-in-right{animation:4s both slide-in-right}.slide-in-top{animation:4s both slide-in-top}.slide-in-left{animation:4s both slide-in-left}.slide-in-bl{animation:4s both slide-in-bl}.slide-in-bottom1{animation:4s 3s both slide-in-bottom}.slide-in-bottom2{animation:4s 3.5s both slide-in-bottom}.slide-in-bottom3{animation:4s 4s both slide-in-bottom}.slide-in-bottom4{animation:4s 4.5s both slide-in-bottom}.slide-in-bottom{animation:5s cubic-bezier(.25,.46,.45,.94) both slide-in-bottomToTop}.section_about_me{clip-path:polygon(0 0,100% 0,100% 91%,0 95%);background:#360958;justify-content:center;align-items:center;height:max-content;padding-top:5vh;padding-bottom:10%;display:flex}.aboutMe{width:100%}.aboutMe *{color:#fff}.aboutMe .myName{color:#000;margin-left:5vh;position:relative;top:10rem}.div-picture{float:right;width:40%;min-width:0;margin:0 0 2rem 5vw}.aboutMe .my-picture{width:100%;height:auto;display:block}.apresentation{width:100%;display:flow-root}.aboutMe h3,.aboutMe p{margin-top:1%}.socialMedias{grid-template-columns:repeat(5,minmax(0,1fr));gap:max(.25rem,min(1vw,.75rem));width:min(100%,29rem);padding:0;display:grid}.socialMedias>div{aspect-ratio:1;border-style:none none solid solid;border-width:.8vh;border-image-slice:1;width:100%;height:auto}.socialMedias a{aspect-ratio:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:.1vh solid #fff3;border-top:.4vh solid #fff6;border-left:.4vh solid #fff6;border-radius:10px;justify-content:center;align-items:center;width:100%;height:auto;margin:2rem 0 0;transition:all .6s;display:flex;overflow:hidden;box-shadow:0 5px 45px #0000001a}.socialMedias a:hover{transform:translateY(-1em)}.socialMedias a:before{content:"";background:#ffffff80;width:50px;height:100px;transition:all 1s;position:absolute;top:0;left:0;transform:skew(45deg)translate(150px)}.socialMedias a:hover:before{transform:skew(45deg)translate(-150px)}.socialMedias a img{color:#fff;-webkit-text-stroke:1px #fff;background:linear-gradient(#9649d1 1%,#030330 70%);-webkit-background-clip:text;background-clip:text;width:58%;height:58%}.section_stacks{--stacks-upper-extension:4vh}.section_stacks>div{flex-direction:column;justify-content:center;align-items:center;height:40vh;display:flex}.div-stacks>img{z-index:0;width:4.5vw}.div-stacks{flex-wrap:wrap;justify-content:center;align-items:center;gap:3.1vw;height:40vh;display:flex}@keyframes bounce-in-fwd{0%{opacity:0;animation-timing-function:ease-in;transform:scale(0)}38%{opacity:1;animation-timing-function:ease-out;transform:scale(1)}55%{animation-timing-function:ease-in;transform:scale(.7)}72%{animation-timing-function:ease-out;transform:scale(1)}81%{animation-timing-function:ease-in;transform:scale(.84)}89%{animation-timing-function:ease-out;transform:scale(1)}95%{animation-timing-function:ease-in;transform:scale(.95)}to{animation-timing-function:ease-out;transform:scale(1)}}.bounce-in-fwd{animation:5.1s 2s both bounce-in-fwd}#canvasStacks{height:calc(60vh + var(--stacks-upper-extension));width:100%;margin-top:calc(-50vh - var(--stacks-upper-extension));display:flex}.section_cases{clip-path:polygon(0 10%,100% 0,100% 100%,0 100%);background:#360958;margin-top:-10vh;padding-top:10%}.div-carousel{justify-content:center;align-items:flex-end;height:max-content;display:flex}.div-carousel *{color:#fff}.div-carousel a:hover{color:#9649d1}.div-carousel>div{flex-direction:column;align-items:center;display:flex}.text-carousel>div{display:flex}.text-carousel a{text-align:center;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:.1vh solid #fff3;border-top:.4vh solid #fff6;border-left:.4vh solid #fff6;border-radius:10px;justify-content:center;align-items:center;width:max-content;height:max-content;margin:1rem 1rem 0 0;padding:.5rem 1vw;transition:all .6s;display:flex;overflow:hidden;box-shadow:0 5px 45px #0000001a}.text-carousel a:before{content:"";background:#ffffff80;width:50px;height:100px;transition:all 1s;position:absolute;top:0;left:0;transform:skew(45deg)translate(150px)}.text-carousel a:hover:before{transform:skew(45deg)translate(-150px)}.right-arrow,.left-arrow{color:#ccccccc7;cursor:pointer;height:100%;font-size:3rem;font-weight:700;transition:all .5s}.right-arrow:hover,.left-arrow:hover{color:#fff}.slider,.slide{justify-content:center;align-items:center;display:flex}.slider{gap:2vw}.slide{opacity:0;align-self:initial}.slide button{gap:10px;display:flex}@keyframes flip-in-hor-bottom{1%{opacity:0;transform:rotateX(80deg)}to{opacity:1;transform:rotateX(0)}}.active{align-items:center;animation:1s cubic-bezier(.25,.46,.45,.94) both flip-in-hor-bottom}.img-box{width:100%;height:40rem}.div-carousel img{object-fit:fill;border-radius:10px;width:50svw;height:100%}.text-carousel{flex-direction:column;align-self:flex-start;height:100%;padding-left:3vh;display:flex}.text-carousel p{margin-bottom:0}.text-carousel button img{width:1.5rem;height:4rem;display:none}.carousel-indicator{gap:1vh;margin-top:2%;display:flex}.carousel-indicator p{cursor:pointer;color:#ffffffbf}.indicator-active{color:#fff!important}.slide-in-left-carousel{animation:1.5s cubic-bezier(.25,.46,.45,.94) .3s both slide-in-left}.slide-in-right-carousel{animation:1.5s cubic-bezier(.25,.46,.45,.94) .3s both slide-in-right}@keyframes slide-in-fwd-bottom{0%{opacity:0;transform:translateZ(-1400px)translateY(800px)}to{opacity:1;transform:translateZ(0)translateY(0)}}.slide-in-fwd-bottom{animation:1s cubic-bezier(.25,.46,.45,.94) 1s both slide-in-fwd-bottom}footer{text-align:center;color:#fff;justify-content:space-between;align-items:center;display:flex}footer *{margin:0}.btns-menu-mobile,.modal-case{z-index:1;background:#000000e6;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-case{z-index:2;justify-content:center;gap:2rem;padding:10vh}.modal-case>*,.modal-case .text-carousel{text-align:center;align-self:center;width:30vh;height:max-content;padding-left:0}.modal-case img{width:20vh;margin:2rem 0}.modal-case *{color:#fff}.modal-case div{gap:2rem}.modal-case .text-carousel h3,.modal-case .text-carousel p,.modal-case .text-carousel{text-align:justify;flex-direction:column;display:flex}.modal-case .text-carousel>div{flex-direction:row;justify-content:space-between;width:100%;display:flex}.modal-case a{-webkit-text-decoration:initial;-webkit-text-decoration:initial;text-decoration:initial;cursor:pointer}.modal-case a:hover,.modal-case a:before,.modal-case a:hover:before{all:unset;cursor:pointer}.modal-case .btn-close{cursor:pointer;width:3rem;padding:1rem;position:absolute;top:3vw;right:3vw}.section-activity{--activity-clip-height:4vh;margin-top:calc(-1*var(--activity-clip-height));padding-top:calc(5vh + var(--activity-clip-height));-webkit-clip-path:polygon(0 var(--activity-clip-height),100% 0,100% 100%,0 100%);clip-path:polygon(0 var(--activity-clip-height),100% 0,100% 100%,0 100%);color:#fff;background:#360958;padding-bottom:10%;scroll-margin-top:10vh;position:relative;overflow:hidden}.section-activity:before{content:"";opacity:.13;pointer-events:none;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:48px 48px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.activity{z-index:1;width:100%;position:relative}.activity-heading{grid-template-columns:1fr;align-items:end;gap:2rem;margin-bottom:4.5rem;display:grid}.activity-kicker{color:#c88cff;margin-bottom:1.2rem;display:inline-block}.activity-title{max-width:760px}.activity-description{color:#b8b4c3;max-width:560px}.activity-highlight{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(120deg,#9649d138,#ffffff09);border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:3rem;margin-bottom:1.5rem;padding:2.5rem;display:flex;box-shadow:0 30px 80px #00000040}.activity-total{flex-direction:column;display:flex}.activity-number{letter-spacing:-.07em;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 30%,#bb70f4 95%);-webkit-background-clip:text;background-clip:text;padding-inline-end:.08em;line-height:1}.activity-label{color:#d6d2dc;margin-top:1.2rem}.activity-highlight-copy{align-items:flex-start;gap:1rem;max-width:380px;display:flex}.activity-summary{color:#d6d2dc}.activity-pulse{background:#b966f3;border-radius:50%;flex:none;width:11px;height:11px;margin-top:.4rem;box-shadow:0 0 0 7px #b966f321,0 0 22px #b966f3}.activity-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}.platform-card{color:#fff;background:#ffffff0b;border:1px solid #ffffff1a;border-radius:18px;padding:2.5rem;transition:transform .3s,border-color .3s,background .3s;display:block;position:relative;overflow:hidden}.platform-card:before{content:"";background:var(--card-accent);opacity:.14;filter:blur(15px);border-radius:50%;width:14rem;height:14rem;position:absolute;top:-8rem;right:-6rem}.platform-card:hover{color:#fff;background:#ffffff13;border-color:#ffffff3d;transform:translateY(-6px)}.github-card{--card-accent:#b56bef}.gitlab-card{--card-accent:#fc6d26}.platform-card-heading{align-items:center;gap:1rem;margin-bottom:3rem;display:flex;position:relative}.platform-icon{width:3.8rem;height:3.8rem;color:var(--card-accent);background:#ffffff12;border-radius:14px;place-items:center;display:grid}.platform-icon svg{width:2rem;height:2rem}.platform-card-heading>div{flex-direction:column;display:flex}.platform-name{color:#fff}.platform-user{color:#96919f}.external-arrow{color:#a7a2ae;margin-left:auto;font-size:1.6rem;transition:transform .3s,color .3s}.platform-card:hover .external-arrow{color:#fff;transform:translate(3px,-3px)}.platform-stats{grid-template-columns:repeat(2,1fr);gap:2.2rem 1.5rem;display:grid;position:relative}.platform-stats div{flex-direction:column;display:flex}.platform-stats span{color:#a7a2ae;margin-top:.55rem}.activity-footer{color:#817b8a;justify-content:space-between;align-items:center;gap:2rem;padding:1.5rem 0 0;display:flex}.activity-footer>p{align-items:center;gap:.65rem;display:flex}.status-dot{background:#928c99;border-radius:50%;width:7px;height:7px}.status-dot.is-live{background:#54df9b;box-shadow:0 0 9px #54df9bcc}@media (min-width:769px){.activity-heading{grid-template-columns:1.25fr .75fr;gap:6rem}.activity-highlight{border-radius:24px;flex-direction:row;align-items:flex-end;padding:3rem 3.4rem}.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-card{border-radius:24px}.activity-footer{flex-direction:row;align-items:center}}@media (prefers-reduced-motion:reduce){.platform-card,.external-arrow{transition:none}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{font-size:14px}:before{display:initial}:root{--font-family-base:"Nunito",sans-serif;--font-weight-regular:400;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-size-title-hero:56px;--font-size-title-hero-wide:56px;--font-size-title-display:44px;--font-size-title-section:40px;--font-size-title-card:24px;--font-size-title-metric:64px;--font-size-subtitle-lead:20px;--font-size-subtitle-default:18px;--font-size-subtitle-label:12px;--font-size-text-body:16px;--font-size-text-small:14px;--font-size-text-caption:12px;--font-size-text-label:14px;--font-size-text-brand:36px;--line-height-title:1.05;--line-height-heading:1.15;--line-height-body:1.6;--line-height-compact:1.3;--letter-spacing-tight:-.04em;--letter-spacing-label:.14em;--hero-background-title-offset:-.45em}@media (min-width:769px){:root{--font-size-title-hero:clamp(80px,10vw,140px);--font-size-title-hero-wide:clamp(48px,6.2vw,88px);--font-size-title-display:clamp(56px,5.8vw,84px);--font-size-title-section:64px;--font-size-title-card:32px;--font-size-title-metric:clamp(84px,10vw,126px);--font-size-subtitle-lead:24px;--font-size-subtitle-default:20px;--font-size-subtitle-label:14px;--font-size-text-body:20px;--font-size-text-small:14px;--font-size-text-caption:13px;--font-size-text-label:14px;--font-size-text-brand:42px}}body{min-width:285px}.padding{padding-left:3vh;padding-right:3vh}header{width:100%}header li button{display:none}.mobile{display:initial}.nav-principal{justify-content:space-between;padding-left:5vh;padding-right:5vh}.nav-principal ul{width:max-content;margin:0;padding:0}.logoLi,.logoLi:hover{all:unset}.btns-menu-mobile ul{flex-direction:column;gap:5vh}.btns-menu-mobile button a{display:initial;color:#fff}.pixelPerfect{display:none}.aboutMe{flex-direction:column;width:100%;height:max-content;padding:5rem 0 10rem}.apresentation{width:100%}.aboutMe h2,.aboutMe h3{text-align:center}.div-picture,#canvasStacks{display:none}.section_stacks>div,.div-stacks{width:100%;height:auto}.section_stacks>div{padding-top:max(1rem,min(3vw,2rem));padding-bottom:max(4rem,min(12vw,6rem))}.div-stacks>img{width:10vw}.section_cases{clip-path:polygon(0% 12%,100% 6%,100% 100%,0 100%);margin-top:0}.slider{height:max-content;margin-top:15rem}.slide{text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:1rem;padding:1rem;box-shadow:inset 0 0 1em #190429}.div-carousel .carousel-image{width:50vw;height:90vw}.text-carousel{flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:5rem;padding:0}.text-carousel button img{display:initial}.right-arrow,.left-arrow{margin:0 5vw}.text-carousel h3,.text-carousel p,.text-carousel>div{display:none}.btns-menu-mobile a,.text-carousel a,.btns-menu-mobile a:hover,.text-carousel a:hover,.btns-menu-mobile a:hover:before,.text-carousel a:hover:before,.btns-menu-mobile a:before,.text-carousel a:before{all:unset;cursor:pointer}footer{flex-direction:column}@media (min-width:769px){.padding{padding-left:5vw;padding-right:5vw}header li button{display:inline-flex}.mobile{display:none}.nav-principal{padding-left:5vw;padding-right:5vw}.nav-principal ul{width:100%}.pixelPerfect{display:initial}.aboutMe{padding:10rem 0}.apresentation{width:100%}.aboutMe h2,.aboutMe h3{text-align:left}.div-picture{display:block}#canvasStacks{display:flex}.section_stacks>div,.div-stacks{height:40vh}.section_stacks>div{padding-block-start:0;padding-block-end:0}.div-stacks>img{width:4.5vw}.section_cases{clip-path:polygon(0 10%,100% 0,100% 100%,0 100%);margin-top:-10vh}.slider{margin-top:0}.slide{text-align:left;box-shadow:none;border-radius:0;flex-direction:row;padding:0}.div-carousel .carousel-image{width:50svw;height:100%}.text-carousel{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:auto;height:100%;padding-left:3vh}.text-carousel h3,.text-carousel p,.text-carousel>div{display:flex}.right-arrow,.left-arrow{margin:0}footer{flex-direction:row}}