@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@font-face{font-family:nome;src:url(/assets/nome-C_BfJsLw.otf)}body{margin:0;background:#002026;color:#bebebe;font-family:Montserrat,sans-serif;font-size:15px;min-height:100vh}body:before{content:"";position:fixed;left:0;width:400px;height:400px;background:#25d8f7;z-index:0;top:-250px;left:calc(50% - 200px);border-radius:50% 50% 0 0;pointer-events:none;filter:blur(250px);animation:fade-in 3s}.logo:hover{filter:drop-shadow(0 0 2em #40b1f2aa);transition:.5s;cursor:pointer}main{width:min(1300px,100%);margin:auto}header{position:fixed;width:60px;height:min(1300px,100%);top:2%;left:3%;transform:translate(-50%);display:flex;flex-direction:column;box-sizing:border-box;z-index:100;color:#e4e4e4a6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fade-in 8s}header img{width:50px}header nav{margin-top:32vh}header .logo,header nav{display:flex;flex-direction:column;gap:60px}header .logo span,header nav span{cursor:pointer}header .logo span.active,header nav span.active{color:#40b1f2aa;text-shadow:0 0 5px #40b1f2aa}section{width:min(1300px,100%);margin:auto 3vw;padding:50px;box-sizing:border-box}section.home{display:grid;grid-template-columns:repeat(2,1fr);gap:50px;justify-content:space-between;align-items:center;height:100vh}section.home .content{animation:fade-in 2s}section.home .content .name{font-family:nome;font-size:6.3em;font-weight:700;line-height:1em}section.home .content .name span{background-image:linear-gradient(to right,#027488,#005b6b,#014f64c6,#003342,#014f64c6,#005b6b,#027488);background-size:200% auto;animation:gradientAnimation 5s linear infinite;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;min-height:53.6px}section.home .content .des{font-family:Montserrat;color:#eeeeee70;margin:37px 0;border-left:.7em solid #005969;padding-left:2em}section.home .content .des p{margin:0 0 5px}section.home .content .des span{color:#007084}section.home .content .cv{position:relative;color:#bebebe;font-size:large;text-decoration:none;border:1px solid #eee9;padding:18px 28px;border-radius:40px;margin-top:30px;display:block;width:max-content;transition:.3s;overflow:hidden}section.home .content .cv:hover{color:#40b1f2aa;text-shadow:0 0 15px #40b1f2aa,0 0 40px #40b1f2aa}section.home .content .cv span{position:relative;z-index:1;letter-spacing:.12em}section.home .content .cv:before{content:"";position:absolute;top:var(--y);left:var(--x);transform:translate(-50%,-50%);background:radial-gradient(#40b1f2aa,transparent,transparent);width:200px;height:200px;transition:.5s,top 0s,left 0s;opacity:0}section.home .content .cv:hover{border-color:transparent;font-weight:300}section.home .content .cv:hover:before{opacity:1}section.home .content .cv:after{content:"";position:absolute;background:#002026;border-radius:48px;width:223px;height:54px;left:2px;top:2px}section.home .hub{margin-top:25px;margin-left:8px;display:flex;gap:25px;min-height:31px}section.home .hub a{text-decoration:none;min-height:10px;display:flex;align-items:end}section.home .hub a.mail{display:none}section.home .hub a i{color:#c4c0c073;font-size:26px}section.home .hub a i:hover{transform:scale(1.1)}section.home .hub a svg{color:#c4c0c073;height:24px;width:24px}section.home .hub a svg:hover{transform:scale(1.1)}section.home .avatar{display:flex;justify-content:center;align-items:center;animation:fade-in 4s}section.home .avatar .card{display:inline-flex;flex-direction:column;width:min(100%,470px);height:446px;max-width:470px;max-height:446px;box-shadow:0 0 100px #1b608884;transition:.5s;border-radius:69% 27%}section.home .avatar .card:hover{box-shadow:0 0 118px #48b3f156}section.home .avatar .card img{width:400px;height:min(800px,55vh);max-width:400px;max-height:485px;object-fit:cover;object-position:top;border-radius:0% 0% 18% 61%;margin:-39px 0 0 31px;transition:.5s}section.home .avatar .card img:hover{filter:drop-shadow(0 0 13px #2a82b575)}section.stack{display:grid;grid-template-columns:2fr 1fr;margin:0;height:100dvh;align-items:center}section.stack .banner{animation:reg-fade-in 3s;width:110%;height:100%;max-height:557px;text-align:center;overflow:hidden;position:relative}section.stack .banner h1{font-family:nome;font-size:140px;position:relative;top:22%;left:5px;color:#cdcdcdaa;text-shadow:0 0 9px #40b1f2aa}section.stack .banner .slider{position:absolute;width:200px;height:200px;top:27%;left:calc(50% - 100px);transform-style:preserve-3d;transform:perspective(1000px) rotateY(0);animation:autoRun 50s linear infinite;z-index:2}section.stack .banner .slider .item{position:absolute;font-size:50px;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:20px;border-radius:20px;background-color:#005a6b80;max-width:50px;max-height:50px;margin:auto;transform:rotateY(calc((var(--position) - 1) * (360 / var(--quantity)) * 1deg)) translateZ(400px)}section.stack .banner .slider .item i{width:100%;height:100%;object-fit:cover;display:flex;justify-content:center;align-items:center}section.stack .text{margin-left:180px;height:calc(100dvh - 183px);max-height:575px;min-height:700px;place-content:center}section.stack .text h2{font-size:1.6em;margin-top:60px;margin-bottom:10px;color:#007084;overflow:hidden;border-right:transparent}section.stack .text h2:first-child{margin-top:15px;width:54%;animation:hiding 1s,typing .35s steps(9) 1s,cursor .15s step-end alternate 1s}section.stack .text p:nth-child(2){width:20%;animation:hiding 1.35s,typing .35s steps(6) 1.35s,cursor .15s step-end alternate 1.35s}section.stack .text p:nth-child(3){width:29%;animation:hiding 1.7s,typing .35s steps(7) 1.7s,cursor .15s step-end alternate 1.7s}section.stack .text p:nth-child(4){width:22%;animation:hiding 2.05s,typing .35s steps(7) 2.05s,cursor .15s step-end alternate 2.05s}section.stack .text h2:nth-child(5){width:51%;animation:hiding 2.4s,typing .35s steps(6) 2.4s,cursor .15s step-end alternate 2.4s}section.stack .text p:nth-child(6){width:16%;animation:hiding 2.75s,typing .35s steps(4) 2.75s,cursor .15s step-end alternate 2.75s}section.stack .text p:nth-child(7){width:10%;animation:hiding 3s,typing .35s steps(2) 3s,cursor .15s step-end alternate 3s}section.stack .text p:nth-child(8){width:38%;animation:hiding 3.35s,typing .35s steps(10) 3.35s,cursor .15s step-end alternate 3.35s}section.stack .text h2:nth-child(9){width:46%;animation:hiding 3.7s,typing .35s steps(6) 3.7s,cursor .15s step-end alternate 3.7s}section.stack .text p:nth-child(10){width:11%;animation:hiding 4.05s,typing .35s steps(7) 4.05s,cursor .15s step-end alternate 4.05s}section.stack .text p:nth-child(11){width:25%;animation:hiding 4.4s,typing .35s steps(7) 4.4s,cursor .15s step-end alternate 4.4s}section.stack .text p:nth-child(12){width:25%;animation:hiding 4.75s,typing .35s steps(7) 4.75s,cursor .15s step-end alternate 4.75s}section.stack .text p:nth-child(13){width:25%;animation:hiding 5s,typing .35s steps(7) 5s,cursor .15s step-end alternate 5s}section.stack .text li{list-style-type:none}section.stack .text p{margin:6px 0 6px 14px;overflow:hidden;border-right:transparent;color:#eeeeee70}section.projetos{padding:0 50px}section.projetos .menu{animation:reg-fade-in 2s;display:flex;gap:74px;justify-content:center;align-items:center;font-size:49px;height:100dvh;margin:unset!important}section.projetos .menu.menu-active{display:unset;height:57%;position:absolute;top:calc(50% - 276px);left:13%;margin:unset}section.projetos .menu div:nth-child(2)>h1{margin-top:20px}section.projetos .menu .menu-item{cursor:pointer}section.projetos .menu .menu-item h1{color:#c4c0c082}section.projetos .menu .active{color:#40b1f2aa;text-shadow:0 0 5px #40b1f2aa}section .project{display:grid;grid-template-columns:4fr 1fr;height:100dvh;animation:reg-fade-in 2s}section .project .list-projects{max-width:70%;margin:auto}section .project .list-projects .item{display:grid;grid-template-columns:2fr 1fr;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px}section .project .list-projects .item .images{background-image:linear-gradient(-45deg,#027488,#002b33);padding:40px;text-align:center;border-radius:20px;overflow:hidden;width:79%}section .project .list-projects .item .images img{border-radius:10px;box-shadow:0 20px 40px #000e17;width:100%}section .project .list-projects .item .images.hook{padding:35px 40px;max-width:597px}section .project .list-projects .item .images.hook img{box-shadow:unset;width:46%;opacity:.5;max-width:155px}section .project .list-projects .item .content{color:#eeeeee70;text-align:left;width:100%}section .project .list-projects .item .content p{color:#eeeeee70}section .project .list-projects .item .content h1{font-size:3em;margin:0}section .project .list-projects .item:nth-child(2n){grid-template-columns:1fr 2fr;justify-items:end}section .project .list-projects .item:nth-child(2n) .images{grid-column-start:2;grid-row-start:1}section .project .list-projects .item:nth-child(2n) .content{grid-column-start:1;grid-row-start:1;text-align:right}section .project .special{margin:auto}section .project .react{grid-template-columns:1fr}section .project .react h1{font-size:2.5em;color:#eeeeee70}section .project .react p{color:#eeeeee70}section .project .react .images{padding-top:90px;padding-bottom:20px;text-align:center;border-radius:20px;overflow:hidden;max-width:600px;max-height:300px}section .project .react .images i{font-size:9em;opacity:.7}section .project .react .images .circles{width:150px;height:150px;position:relative;perspective:50000px;color:#40b1f263;margin:auto}section .project .react .images .circles.redux{color:#764abc}section .project .react .images .circles span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block;background-color:currentColor;width:18.4%;height:18.4%;border-radius:50%}section .project .react .images .circles div{position:absolute;width:100%;height:100%;border-left:8.32px solid;border-right:5.123076px solid;border-top:13.32px solid transparent;border-radius:100%;top:-7px;left:-10px}section .project .react .images .circles div:nth-child(1){animation:anim-1 1.2s linear infinite}section .project .react .images .circles div:nth-child(2){animation:anim-2 1.2s linear infinite -1s}section .project .react .images .circles div:nth-child(3){animation:anim-3 1.2s linear infinite -3.5s}section .project .tecnologias{place-content:center;height:95dvh}section .project .tecnologias h2,section .project .tecnologias h3{color:#eeeeee70}section .project .tecnologias h2{font-size:24px;margin-bottom:50px;margin-top:50px}section .project .tecnologias .item{margin:40px 0;display:flex}section .project .tecnologias .item i{color:#c4c0c073;font-size:60px}section .project .tecnologias .item p{margin-left:20px;color:#eeeeee70}section .project .tecnologias a{text-decoration:none;min-height:10px;display:flex;align-items:end;margin-top:60px}section .project .tecnologias a .mais{background-color:#c4c0c03d;display:flex;transition:.5s;border-radius:10px;min-width:190px}section .project .tecnologias a .mais i{padding:0 10px;color:#c4c0c073;font-size:30px;display:flex;align-items:center}section .project .tecnologias a .mais i:hover{transform:scale(1.1)}section .project .tecnologias a .mais svg{width:24px;height:24px;color:#c4c0c073;padding:11px}section .project .tecnologias a .mais:hover{transform:scale(1.05)}section .project .tecnologias a .mais p{padding-right:15px;text-align:center;color:#c4c0c073}section .project .tecnologias a:nth-child(9),section .project .tecnologias a:nth-child(8){margin-top:15px}@media (max-width: 1350px){header{width:100dvw;height:10dvh;flex-direction:row;padding:5%;transform:unset;top:unset;left:unset}header .logo{align-items:center;flex-direction:row}header .logo img{width:35px}header nav{flex-direction:row;margin:auto;gap:12dvw}section{padding:13dvh 20px;height:unset}section.home{grid-template-columns:1fr;width:86%;height:unset}section.home .content{width:85dvw}section.home .content .name{font-size:3em;line-height: 50px;}section.home .content .name span{min-height:55.6px;display:flex;align-items:center;}section.home .content .cv{margin:auto}section.home .avatar{width:85dvw}section.home .avatar .card{height:unset;width:80%}section.home .avatar .card img{width:65dvw;height:unset;margin:0 auto}section.home .hub{margin:1.4rem auto;width:128px}section.home .hub a.mail{display:flex!important}section.stack{grid-template-columns:1fr;height:unset}section.stack .banner{width:100%;height:40dvh;min-height:372px}section.stack .banner h1{font-size:5em;top:24%;left:unset}section.stack .banner .slider{width:200px;height:200px;top:13%}section.stack .text{margin:auto;min-width:70dvw}section.projetos{padding:0 20px;margin:0}section.projetos .menu{display:flex!important;font-size:35px;margin-top:37dvh;position:unset!important}section.projetos .menu.active-menu{margin:15% 0 0!important;height:unset!important}section.projetos .project{grid-template-columns:1fr;margin-top:15%;padding:0 1em}section.projetos .project .list-projects{max-width:unset}section.projetos .project .list-projects .item{grid-template-columns:1fr;justify-items:center}section.projetos .project .list-projects .item .images{padding:30px;width:70%;margin:auto}section.projetos .project .list-projects .item .content{width:86%}section.projetos .project .list-projects .item .content h1{font-size:2.5em}section.projetos .project .list-projects .item:nth-child(2n) .images{grid-column-start:1;grid-row-start:1;margin:auto}section.projetos .project .list-projects .item:nth-child(2n) .content{grid-column-start:1;grid-row-start:2;text-align:left}section.projetos .project .tecnologias{margin:auto;padding-bottom:80px;height:unset}section.projetos .project .tecnologias a:nth-child(9)>div{margin-bottom:35%}}@keyframes gradientAnimation{to{background-position:200% center}}@keyframes fade-in{0%{opacity:0}25%{opacity:0}to{opacity:1}}@keyframes reg-fade-in{0%{opacity:0}to{opacity:1}}@keyframes autoRun{0%{transform:perspective(1000px) rotateX(-12deg) rotateY(0)}to{transform:perspective(1000px) rotateX(-12deg) rotateY(360deg)}}@keyframes cursor{0%{border-right:transparent}}@keyframes typing{0%{width:0;border-right:1px solid #007084}90%{border-right:1px solid #007084}}@keyframes hiding{0%{width:0}to{width:0}}@keyframes anim-1{0%{transform:rotate(120deg) rotateX(66deg) rotate(0)}to{transform:rotate(120deg) rotateX(66deg) rotate(360deg)}}@keyframes anim-2{0%{transform:rotate(240deg) rotateX(66deg) rotate(0)}to{transform:rotate(240deg) rotateX(66deg) rotate(360deg)}}@keyframes anim-3{0%{transform:rotate(360deg) rotateX(66deg) rotate(0)}to{transform:rotate(360deg) rotateX(66deg) rotate(360deg)}}@keyframes redux-anim-1{0%{transform:rotate(150deg) rotateX(66deg) rotate(0)}to{transform:rotate(150deg) rotateX(66deg) rotate(360deg)}}@keyframes redux-anim-2{0%{transform:rotate(260deg) rotateX(60deg) rotate(0)}to{transform:rotate(260deg) rotateX(60deg) rotate(360deg)}}@keyframes redux-anim-3{}@keyframes menu{0%{display:flex;left:46vw}to{display:unset;height:57%;position:absolute;top:calc(50% - 276px);left:13%}}