@import url(https://fonts.googleapis.com/css?family=Nunito:400,700|Work+Sans:400,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap);#right{display:flex;flex-direction:column;position:absolute;right:-40px;top:-16px}.sn-box{align-items:center;background-color:#ffd42d;display:flex;justify-content:center}.sn-box:not(:last-child){height:40px;margin-bottom:1px;width:40px}.sn-box:last-child{background:#000;color:hsla(0,0%,100%,.934);cursor:default;font-size:10px;font-weight:900;height:206px;margin-bottom:1px;width:40px;writing-mode:vertical-rl}.sn-box a{color:inherit;text-decoration:none}.alert{bottom:16px;position:fixed;right:16px;z-index:1000}.avatar{border-radius:50%;width:40px}.avatar-large{border-radius:50%;width:56px}.avatar-bordered{border:1px solid #fff;border-radius:50%}.avatar-bordered,.avatar-square{box-shadow:0 1px 2px #0003;width:40px}.avatar-square{border:1px solid #fff;border-radius:0}#cards{flex-wrap:wrap;gap:20px;width:85%}#cards,.card{display:flex;justify-content:center}.card{align-items:center;background-color:#0000;border:1px solid gray;flex-direction:column;height:150px;line-height:0px;width:300px}.card h5,.card i,p{margin-bottom:0}.card i{font-size:20px}#contact-content{padding:0}#left{left:-156px;position:absolute;top:-16px}.nav-item{align-items:center;border:1px solid rgba(63,63,63,.162);display:flex;flex-direction:column;height:155px;justify-content:center;width:155px}ul{list-style:none;padding:0}ul a{color:#000;text-decoration:none}#profile-pic{font-size:11.5px;font-weight:600;height:185px}.name-profile{align-items:center;background-color:#3f3f3f;color:#e8e8e8;display:flex;font-family:Roboto Slab;height:31px;justify-content:center;width:100%}li{background-image:linear-gradient(270deg,#fff 0,#fff 50%,#ffd42d 0,#ffd42d);background-position:100%;background-size:200% 100%}li.active{background-position:0}li.active:after{animation-delay:.4s;animation-duration:.25s;animation-fill-mode:forwards;animation-name:triangle-show;border-bottom:20px solid #0000;border-left:20px solid #ffd42d;border-top:20px solid #0000;content:"";height:0;opacity:0;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:right .25s ease-in;width:0;z-index:-1}@keyframes triangle-show{0%{opacity:1;right:0}to{opacity:1;right:-19px;z-index:1}}li i{font-size:1.5em;margin-bottom:.5em}li h4{font-family:Roboto Slab,serif;font-size:17px;font-weight:900;margin-bottom:.15em}li p{font-size:13px;margin-bottom:0}.separator{height:8px;margin-bottom:20px;width:20px}.separator,li{background-color:#ffd42d}li.sn-box{align-items:center;display:flex;justify-content:center}li.sn-box:not(:last-child){background:#ffd42d;height:40px;margin-bottom:1px;width:40px}li.sn-box:last-child{background:#000;color:hsla(0,0%,100%,.934);cursor:default;font-size:10px;font-weight:900;height:206px;margin-bottom:1px;width:40px;writing-mode:vertical-rl}.signature{height:37.5px;margin-bottom:60px;margin-top:40px;overflow:hidden;position:relative;width:75px}.signature svg{left:0;position:absolute;top:0}.signature .draw{stroke-dasharray:1000;stroke-dashoffset:1000;animation:desenhar 10.5s linear forwards}@keyframes desenhar{to{stroke-dashoffset:0}}.timeline{align-items:center;margin-top:10px;position:relative}.time-box,.timeline{display:flex;flex-direction:column}.time-box{border:2px solid #dcd9d9;height:120px;justify-content:center;margin-bottom:30px;padding:24px 20px;width:350px}.time-box p{font-size:16px}.time-box h6{font-size:18px;font-weight:900;margin-bottom:0;margin-top:0}.esq{margin-right:130%}.dir,.esq{position:relative}.dir{margin-left:130%}.linha{height:100%;left:50%;top:908px;transform:translate(-50%,-50%);width:3px}.esq .linha-hor,.linha{background:#dcd9d9;position:absolute}.esq .linha-hor{height:1px;right:-54px;top:50%;width:53px}.esq .quadradinho{background:#ffd42d;height:20px;position:absolute;right:-71px;top:44.5%;width:20px}.dir .linha-hor{background:#dcd9d9;height:1px;position:absolute;right:387px;top:49%;width:53px}.dir .quadradinho{background:#000;height:20px;position:absolute;right:439px;top:43.6%;width:20px}#about-content{align-items:center;display:flex;flex-direction:column;padding:100px}#about-content #about-title{margin-bottom:85px;text-align:center}#about-content #about-title h1{font-family:Roboto Slab;font-size:55px;font-weight:400}#about-content #about-title p{color:#5b5b5b;font-family:Roboto Slab;font-size:20px;font-weight:300}#blog-content{align-items:center;display:flex;flex-direction:column;height:150%;padding:100px 200px}#blog-content #blog-title{margin-bottom:85px;text-align:center}#blog-content #blog-title h1{font-family:Roboto Slab;font-size:55px;font-weight:400}#blog-content #blog-title p{color:hsla(0,0%,43%,.792);font-family:Roboto Slab;font-size:20px;font-weight:300;margin-bottom:-3rem}#skills{display:flex;flex-wrap:wrap;justify-content:center;width:77%}.stacks{margin-bottom:80px;width:150px}#contact-content{align-items:center;display:flex;flex-direction:column;height:1000px;padding:100px}#contact-content #contact-title{margin-bottom:85px;text-align:center}#contact-content #contact-title h1{font-family:Roboto Slab;font-size:55px;font-weight:400}#contact-content #contact-title p{color:hsla(0,0%,43%,.792);font-family:Roboto Slab;font-size:20px;font-weight:300}body{background-color:#eaeaea}.content,body{align-items:center;display:flex;flex-direction:column}.content{background-color:#fff;flex-wrap:wrap;justify-content:center;margin:154px 0 154px 117px;position:relative;width:990px}#content-container{align-items:center;display:flex;flex-direction:column}section{flex-grow:1;height:100vh;opacity:0;overflow-y:auto;transition:opacity .3s}.active-section{opacity:1}#about-page{display:block}#blog-page,#contact-page,#portfolio-page,#resume-page{display:none}#portfolio-content{align-items:center;display:flex;flex-direction:column;padding:100px}#portfolio-content #portfolio-title{margin-bottom:85px;text-align:center}#portfolio-content #portfolio-title h1{font-family:Roboto Slab;font-size:55px;font-weight:400}#portfolio-content #portfolio-title p{color:hsla(0,0%,43%,.792);font-family:Roboto Slab;font-size:20px;font-weight:300}.pages{margin:0 auto 50px;width:90%}.pages a{color:#000;text-decoration:none}.pages h5{font-size:28px;font-weight:900;margin-bottom:19px;text-align:center}.pages img{border:1px solid #ffd42d;width:100%}.horizline{background-color:#efefef;height:1px;margin-bottom:50px;margin-top:28px;width:100%}#resume-content{align-items:center;display:flex;flex-direction:column;padding:100px}#resume-content #resume-title{margin-bottom:85px;text-align:center}#resume-content #resume-title h1{font-family:Roboto Slab;font-size:55px;font-weight:400}#resume-content #resume-title p{color:hsla(0,0%,43%,.792);font-family:Roboto Slab;font-size:20px;font-weight:300}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.view{animation:fade-in 1s ease}.root{display:flex;justify-content:center}.text-title{font-family:Roboto Slab;font-size:18px;font-weight:600;margin-bottom:60px;text-transform:uppercase}.text-p{color:#686767;font-family:Source Sans;font-size:19px;font-style:italic;font-weight:400;line-height:27px;text-align:left}.sub-title{font-size:12px}.sub-title,.uppercase{text-transform:uppercase}a{color:#000;font-weight:900;text-decoration:none}.text-icons{margin-bottom:4px;vertical-align:middle;width:24px}li:not(.active):hover{background-color:#343a40}@media(max-width:1300px){.content{width:66%}.time-box{width:280px}.esq .quadradinho{right:-61px}.dir .quadradinho{right:359px}.dir .linha-hor{height:1px;right:324px;width:47px}.esq .linha-hor{width:52px}.time-box h6{font-size:17px;margin-top:0}.time-box p{font-size:14px}}@media(max-width:1245px){.content{width:66%}.time-box{width:240px}.esq .quadradinho{right:-55px}.dir .quadradinho{right:313px}.dir .linha-hor{height:1px;right:278px;width:47px}.esq .linha-hor{width:52px}.time-box h6{font-size:15px;margin-top:0}.time-box p{font-size:14px}}@media(max-width:1100px){.time-box{width:200px}.esq .quadradinho{right:-51px}.dir .quadradinho{right:268px}.dir .linha-hor{height:1px;right:242px;width:47px}.esq .linha-hor{margin-right:6px;width:47px}.time-box .h6,.time-box h6{font-size:12px;margin-top:0}.time-box p{font-size:14px}}@media(max-width:960px){.content{width:600px}#content-container-container{position:relative;width:100%}#content-container{align-items:center;background-color:#fff;border-top:2px solid #e0bc30;display:flex;flex-direction:column;margin-left:-114px;position:absolute;top:879px;width:119%}#left{flex-basis:100%;left:-116px;top:538px}#left,#left ul{display:flex;justify-content:center}#left ul{flex-wrap:wrap;width:100%}#profile-pic{flex-basis:100%;font-size:11.5px;font-weight:600;margin-bottom:0;position:relative}#profile-pic img{bottom:0;position:absolute;width:100%}.nav-item{flex-basis:19.7%}.name-profile{bottom:0;height:30px;position:absolute}#right{right:0;top:-30px}#right ul{display:flex;flex-direction:row;right:0}li p{font-size:13px;margin-bottom:14px}li.sn-box:last-child{height:40px;width:206px;writing-mode:horizontal-tb}li.active:after{animation-delay:.4s;animation-duration:.25s;animation-fill-mode:forwards;animation-name:triangle-show;border-left:20px solid #0000;border-right:20px solid #0000;border-top:20px solid #ffd42d;content:"";height:0;opacity:0;position:absolute;transform:translate(-120%,-35%);transition:top .25s ease-in;width:0;z-index:-3}@keyframes triangle-show{0%{opacity:1;top:120px}to{opacity:1;top:153px;z-index:1}}}@media(max-width:765px){.content{top:42px}.time-box{border:2px solid #dcd9d9;width:380px}.linha{background:#dcd9d9;height:100%;left:-46px;position:absolute;top:661px;transform:translate(-50%,-50%);width:3px}.esq{margin-right:-9%;position:relative}.dir .linha-hor,.esq .linha-hor{display:none}.esq .quadradinho{background:#ffd42d;height:20px;position:absolute;right:440px;top:41.5%;width:20px}.dir{margin-left:9%;position:relative}.dir .quadradinho{right:440px}.content{width:400px}#content-container{border-top:1px solid #e0bc30;margin-left:-115px;top:611px;width:128.5%}#left{top:338px}#right{right:0;top:-72px}li i{font-size:1.3em;margin-bottom:.5em}#profile-pic img{bottom:0;position:absolute;width:100%}.nav-item{border-bottom:1px solid #ffd42d;bottom:42px;flex-basis:19.6%}li h4{font-size:14px}li p{font-size:9px;margin-bottom:43px}li.active:after{animation-delay:.4s;animation-duration:.25s;animation-fill-mode:forwards;animation-name:triangle-show;border-left:20px solid #0000;border-right:20px solid #0000;border-top:20px solid #ffd42d;content:"";height:0;left:77px;opacity:0;position:absolute;top:83px;transform:translate(-120%,120%);transition:top .25s ease-in;width:0;z-index:-3}@keyframes triangle-show{0%{opacity:1;top:40px}to{opacity:1;top:63px;z-index:1}}}@media(max-width:550px){.root{display:flex;justify-content:center;width:100vw}#root{width:100%}body{margin:0 auto;width:238px}.time-box{border:2px solid #dcd9d9;width:237px}.time-box h6{font-size:11px;margin-top:5px}.time-box p{font-size:9px}.linha{background:#dcd9d9;height:100%;left:-13px;position:absolute;top:661px;transform:translate(-50%,-50%);width:3px}.esq{margin-left:-3%}.esq .linha-hor{background:#dcd9d9;height:2px;position:absolute;right:228px;top:50%;width:42px}.esq .quadradinho{background:#ffd42d;height:20px;position:absolute;right:137px;top:-5.5%;width:20px}.dir{margin-left:3%;position:relative}.dir .quadradinho{right:134px;top:-10px}.content{margin-left:80px;margin-top:50px;width:233px}#about-content #about-title,#contact-content #contact-title,#portfolio-content #portfolio-title,#resume-content #resume-title{margin-bottom:27px;text-align:center}#about-content #about-title h1{font-size:28px}#blog-content .separator{margin-top:-10px}#left{left:-83px;top:140px;width:320px}#profile-pic{height:156px;left:-81px;margin:-163px 103px 77px;position:relative;width:100px}#profile-pic img{bottom:0;left:-20px;position:absolute;top:-1px;width:251px}.name-profile{bottom:-78px;height:32px;position:absolute;right:-118px;width:250px}.nav-item{border-bottom:1px solid #ffd42d;flex-basis:19.37%;height:62px}.fa-solid,.fas{margin-top:9px}.fa-brands,.fab{color:#fff;font-weight:400}#right{right:7px;top:-65px}#right ul{flex-direction:column}#content-container{left:34px;top:249px;width:317px}#about-content,#blog-content,#contact-content,#portfolio-content,#resume-content{padding:24px}li h4,li p{display:none}.sn-box a{color:#fff}li.sn-box:not(:last-child){background:#000;height:57.9px;margin-bottom:1px;right:-9px;width:64.9px}li.sn-box:last-child{display:none}li.active:after{left:60px;transform:translate(-120%,-3%)}}@media(max-width:319px){.content{margin-left:112px;width:233px}#content-container{width:268px}#left{left:-106px;top:140px;width:269px}#right{right:71px;top:-73px}#profile-pic{height:156px;left:-22px;margin:-213px 103px 131px;position:relative;width:100px}}@media(max-width:165px){.content{margin-left:144px;width:233px}#content-container{left:43px;top:100px;width:158px}#about-content #about-title h1,#blog-content #about-title h1,#contact-content #about-title h1,#portfolio-content #about-title h1,#resume-content #about-title h1{font-size:15px;font-weight:900}#about-content #about-title p,#blog-content #about-title p,#contact-content #about-title p,#portfolio-content #about-title p,#resume-content #about-title p{font-size:9px;font-weight:900}#about-content #about-title,#blog-content #about-title,#contact-content #about-title,#portfolio-content #about-title,#resume-content #about-title{margin-bottom:9px}.separator{height:6px;width:15px}.text-title{margin-bottom:18px}.text-p{width:150px}#left{left:-75px;top:-16px}#profile-pic{left:0}#profile-pic img{border:23px solid #ffd42d;bottom:-40px;position:absolute;width:121px}.name-profile{bottom:-73px;font-size:9px;height:32px;position:absolute;width:121px}.nav-item{height:41px}#right{right:145px;top:18px}#right ul{flex-direction:row}li.sn-box:not(:last-child){background:#000;height:41px;margin-bottom:1px;width:41px}li.active:after{border-left:15px solid #0000;border-right:15px solid #0000;border-top:15px solid #ffd42d;left:29px}}li{background-color:#fff;background-image:linear-gradient(180deg,#ffd42d 0,#ffd42d 50%,#fff 0,#fff);background-position:bottom;background-size:100% 200%;cursor:pointer;height:100px;position:relative;transition:background-position .5s,background-color .5s;width:100px}li.active{background-position:top}li.active,li:not(.active):hover{background-color:#ffd42d}li.no-click{pointer-events:none}li.no-triangle:after{display:none}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}
/*# sourceMappingURL=main.bf5fbfc1.css.map*/