#like{display:flex;align-items:center;cursor:pointer;padding:14px;transition:all .5s}#like i{padding-right:12px;font-size:1.3em}#like:hover i:before{content:"\e9e9"}#like:active{transition:all 0s;background-color:rgba(4,194,201,.6);transform:scale(.9)}#like span{color:var(--font-default)}.icon-animation{display:inline-block;transform:translate(0)}.icon-wrapper:hover .icon-animation{animation:fromBottomToTopBouncy .3s forwards}@keyframes fromBottomToTop{49%{transform:translateY(-100%)}50%{opacity:0;transform:translateY(100%)}51%{opacity:1}}@keyframes fromBottomToTopBouncy{0%{transform:translateY(200%);opacity:0}50%{transform:translateY(-20%);opacity:1}to{transform:translateY(0)}}footer{background-color:#39373a;color:wheat}footer a{color:wheat;display:inline-block;text-decoration:none}footer #footer-top{padding:30px 50px}footer #footer-top h3{color:#fff;text-align:center;text-transform:uppercase;position:relative;font-size:2rem;margin:50px 0}@media only screen and (min-width:600px){footer #footer-top h3{font-size:2.6rem}}footer #footer-top h3:after,footer #footer-top h3:before{position:absolute;top:50%;display:block;width:20%;border-bottom:5px solid rgba(0,0,0,.25);content:""}@media only screen and (min-width:850px){footer #footer-top h3:after,footer #footer-top h3:before{width:30%}}footer #footer-top h3:after{right:0}footer #footer-top h3:before{left:0}footer #footer-top #footer-table{display:flex;flex-wrap:wrap;font-size:18px;opacity:.6;flex-direction:column;align-items:center;justify-content:space-between}@media only screen and (min-width:850px){footer #footer-top #footer-table{align-items:stretch;flex-direction:row}}footer #footer-top #footer-table #footer-wrapper-left{text-align:center}@media only screen and (min-width:850px){footer #footer-top #footer-table #footer-wrapper-left{width:20%;text-align:left}}footer #footer-top #footer-table #footer-wrapper-left label{font-size:16px;opacity:.6}footer #footer-top #footer-table #footer-wrapper-left a,footer #footer-top #footer-table #footer-wrapper-left span{display:block;padding:8px 0 18px 12px}footer #footer-top #footer-table #footer-wrapper-left a:hover{text-decoration:underline}footer #footer-top #footer-table #footer-wrapper-center{display:flex;flex-direction:column;align-items:center;justify-content:space-around;margin:4rem 0}@media only screen and (min-width:850px){footer #footer-top #footer-table #footer-wrapper-center{width:60%;margin:0}}footer #footer-top #footer-table #footer-wrapper-center ul{display:flex;list-style:none}footer #footer-top #footer-table #footer-wrapper-center ul li{margin-right:10px}footer #footer-top #footer-table #footer-wrapper-center ul li:last-of-type{margin-right:0}footer #footer-top #footer-table #footer-wrapper-center ul li i{font-family:Roboto,Arial,sans-serif;font-style:normal}footer #footer-top #footer-table #footer-wrapper-right{display:flex;justify-content:flex-end;align-items:center}@media only screen and (min-width:850px){footer #footer-top #footer-table #footer-wrapper-right{width:20%}}footer #footer-top #footer-table .icon-wrapper{font-size:18pt;overflow:hidden;transition:background .4s,color .3s,transform .3s;padding:10px;margin:-10px 0 -10px -10px}footer #footer-top #footer-table .icon-wrapper:hover{background:#04c2c9;color:#fff;transform:scale(.9);padding:14px;margin:-14px -4px -14px -14px}footer #footer-bottom{align-items:center;background-color:rgba(0,0,0,.25);display:flex;justify-content:space-between;opacity:.6;padding:0 50px;font-size:18px;flex-direction:column}@media only screen and (min-width:630px){footer #footer-bottom{flex-direction:row}}footer #footer-bottom span{opacity:.6;margin-bottom:1.5rem}@media only screen and (min-width:630px){footer #footer-bottom span{margin-bottom:0}}footer #footer-bottom ul{display:flex;list-style:none}footer #footer-bottom ul li:last-of-type a{padding:30px 0 30px 16px}footer #footer-bottom ul li a{padding:30px 16px 30px 0}footer #footer-bottom ul li a:hover{text-decoration:underline}*{margin:0;padding:0}body{overflow-y:auto}#app{font-family:Roboto,Arial,sans-serif;color:var(--font-dark);font-size:16px;font-weight:400}#app .page-fade-enter-active,#app .page-fade-leave-active{transition:all .5s}#app .page-fade-enter,#app .page-fade-leave-to{opacity:0;transform:translateY(-10px)}@media only screen and (min-width:1500px){#app{font-size:1.25rem}}#wrapper-bottom-icon{color:#fff;display:flex;font-size:2em;flex-direction:column;position:absolute;text-decoration:none;overflow:hidden}#wrapper-bottom-icon .icon-animation-loop{animation:AnimationLoop 2s ease-in-out infinite;animation-delay:3.8s;opacity:0}@keyframes AnimationLoop{0%{transform:translateY(100%);opacity:1}50%{transform:translateY(70%)}70%{transform:translateY(-20%);opacity:0}}#wrapper-header{background-color:#252934;height:100vh;width:100%;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center}#wrapper-header canvas{height:100%;width:100%}#wrapper-header .icon-position{bottom:10vh;position:absolute;transform:rotate(180deg)}#wrapper-header .content-header{color:#fff;font-size:2em;font-weight:700;display:flex;justify-content:center;flex-wrap:wrap;position:absolute;overflow:hidden;letter-spacing:.1em;line-height:2em;text-transform:uppercase}#wrapper-header .content-header .text{transform:scaleY(1.6)}#wrapper-header .content-header h1{display:flex;flex-direction:column;align-items:center;font-size:1em;padding:52px 62px;overflow:hidden}#wrapper-header .content-header h1 .and{margin:-.2rem 0 2.8rem}#wrapper-header .content-header h1 .and:after{content:"";display:block;border-bottom:2px solid #fff;margin:-5px auto;width:64%}#wrapper-header .content-header .header-me{background-color:#fff;color:#000;mix-blend-mode:screen;display:flex;justify-content:center;align-items:center;padding:24px 41px;overflow:hidden}#wrapper-header .btn{background-repeat:no-repeat;background-image:linear-gradient(90deg,#fff 100%,#fff 0),linear-gradient(180deg,#fff 100%,#fff 0),linear-gradient(90deg,#fff 100%,#fff 0),linear-gradient(180deg,#fff 100%,#fff 0);background-size:100% .2em,.2em 100%,0 .2em,.2em 100%;background-position:0 0,100% 0,100% 100%,0 100%;animation:bg 2s linear 1.6s backwards}@keyframes bg{0%{background-size:0 .2em,.2em 0,0 .2em,.2em 0}15%{background-size:0 .2em,.2em 0,0 .2em,.2em 100%}25%{background-size:100% .2em,.2em 0,0 .2em,.2em 100%}30%{background-size:100% .2em,.2em 25%,0 .2em,.2em 100%}50%{background-size:100% .2em,.2em 65%,0 .2em,.2em 100%}70%{background-size:100% .2em,.2em 90%,0 .2em,.2em 100%}to{background-size:100% .2em,.2em 100%,0 .2em,.2em 100%}}@media only screen and (min-width:782px){#wrapper-header .btn{background-repeat:no-repeat;background-image:linear-gradient(90deg,#fff 100%,#fff 0),linear-gradient(180deg,#fff 100%,#fff 0),linear-gradient(90deg,#fff 100%,#fff 0),linear-gradient(180deg,#fff 100%,#fff 0);background-size:100% .2em,.2em 0,100% .2em,.2em 100%;background-position:0 0,100% 0,100% 100%,0 100%;animation:bg 2s linear 1.6s backwards}@keyframes bg{0%{background-size:0 .2em,.2em 0,0 .2em,.2em 0}15%{background-size:0 .2em,.2em 0,100% .2em,.2em 0}25%{background-size:0 .2em,.2em 0,100% .2em,.2em 100%}30%{background-size:25% .2em,.2em 0,100% .2em,.2em 100%}50%{background-size:65% .2em,.2em 0,100% .2em,.2em 100%}70%{background-size:90% .2em,.2em 0,100% .2em,.2em 100%}to{background-size:100% .2em,.2em 0,100% .2em,.2em 100%}}}#page-navigation.activ nav{position:fixed;top:0;left:0;width:100%;transition:transform .2s linear}#page-navigation nav{box-shadow:4px 4px 16px -8px #000;position:relative;z-index:999}#page-navigation nav .menu-list-mobile{background-color:#48525e}@media only screen and (min-width:870px){#page-navigation nav .menu-list-mobile{display:none}}#page-navigation nav .menu-list-mobile .burger{display:inline-block;padding:30px;cursor:pointer}#page-navigation nav .menu-list-mobile .burger .burger-inner,#page-navigation nav .menu-list-mobile .burger .burger-inner:after,#page-navigation nav .menu-list-mobile .burger .burger-inner:before{display:block;position:relative;width:34px;height:2px;background-color:#fff;transition:all .25s ease-in}#page-navigation nav .menu-list-mobile .burger .burger-inner:before{content:"";top:-8px}#page-navigation nav .menu-list-mobile .burger .burger-inner:after{content:"";bottom:-5px}#page-navigation nav .menu-list{background-color:#48525e}#page-navigation nav .menu-list ul{display:none;list-style-type:none;padding:30px}@media only screen and (min-width:870px){#page-navigation nav .menu-list ul{display:block}}#page-navigation nav .menu-list ul li{display:inline-block}#page-navigation nav .menu-list ul li a{font-size:20px;font-family:Helvetica,sans-serif;text-decoration:none;text-transform:uppercase;color:#a2abb7;padding:20px;transition:all .2s ease-out;letter-spacing:.05em}#page-navigation nav .menu-list ul li a:hover{color:#fff}#page-navigation nav .menu-list ul li a.router-link-exact-active{background-color:#38d39f}#page-navigation nav .nav-border{display:block;height:4px;opacity:0;background-color:var(--gray-light);transition:all .3s ease-in-out,opacity 0s}#page-navigation nav.mobile{position:fixed;top:0;left:0;width:100vw;height:100vh}#page-navigation nav.mobile .menu-list-mobile .burger-inner{background-color:unset}#page-navigation nav.mobile .menu-list-mobile .burger-inner:before{top:0;transform:rotate(45deg)}#page-navigation nav.mobile .menu-list-mobile .burger-inner:after{bottom:2px;transform:rotate(-45deg)}#page-navigation nav.mobile ul{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0;position:fixed;top:auto;left:0;width:100vw;height:calc(100vh - 52px);background-color:var(--gray-light);transition:background-color 2s ease-in-out}#page-navigation nav.mobile ul li{width:250px;margin-bottom:35px;transform:translateX(-100%);opacity:0}#page-navigation nav.mobile ul li:first-child{animation:menuAnimation .4s ease-out 0s forwards}#page-navigation nav.mobile ul li:nth-child(2){animation:menuAnimation .4s ease-out .12s forwards}#page-navigation nav.mobile ul li:nth-child(3){animation:menuAnimation .4s ease-out .24s forwards}#page-navigation nav.mobile ul li:nth-child(4){animation:menuAnimation .4s ease-out .36s forwards}#page-navigation nav.mobile ul li:nth-child(5){animation:menuAnimation .4s ease-out .48s forwards}@keyframes menuAnimation{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}#page-navigation nav.mobile ul li a{display:inline-block;font-size:2rem}#page-navigation nav.mobile ul li a:hover{color:#fff}.carousel{position:relative;transform-style:preserve-3d}.carousel:first-child{left:0}.carousel:nth-child(2){left:50px}.carousel:nth-child(3){left:100px}.carousel:nth-child(4){left:150px}.carousel:nth-child(5){left:200px}.carousel:nth-child(6){left:250px}.carousel .carousel__cell{background:#293743;left:-1px;height:42px;padding:0 .2em;position:absolute;top:16px}.carousel .carousel__cell:first-child{transform:rotateX(0deg) translateZ(2.4em) scaleY(1.6)}.carousel .carousel__cell:nth-child(2){transform:rotateX(36deg) translateZ(2.4em) scaleY(1.6)}.carousel .carousel__cell:nth-child(3){transform:rotateX(72deg) translateZ(2.4em) scaleY(1.6)}.carousel .carousel__cell:nth-child(4){transform:rotateX(108deg) translateZ(2.4em) scaleY(1.6)}.carousel .carousel__cell:nth-child(5){transform:rotateX(144deg) translateZ(2.4em) scaleY(1.6)}.carousel .carousel__cell:nth-child(6){transform:rotateX(180deg) translateZ(2.4em) scaleY(1.6)}.carousel .carousel__cell:nth-child(7){transform:rotateX(216deg) translateZ(2.4em) scaleY(1.6)}.carousel .carousel__cell:nth-child(8){transform:rotateX(252deg) translateZ(2.4em) scaleY(1.6)}.carousel .carousel__cell:nth-child(9){transform:rotateX(288deg) translateZ(2.4em) scaleY(1.6)}.carousel .carousel__cell:nth-child(10){transform:rotateX(324deg) translateZ(2.4em) scaleY(1.6)}.counter{display:flex;justify-content:center}.counter .dateLabel{font-family:Helvetica,sans-serif;font-size:1.4rem;text-align:center;text-transform:uppercase}.counter .counterNumbers{position:relative;display:flex;width:2em;height:72px;background:#213239;color:#c0af9b;font-family:Helvetica,sans-serif;font-size:42px;font-weight:700;overflow:hidden;border-style:solid;border-width:.2em .4em;border-color:#213239}.counter :first-of-type .counterNumbers{border-radius:.3em 0 0 .3em}.counter :last-of-type .counterNumbers{border-radius:0 .3em .3em 0}.picture-frame{display:inline-block;height:50vh;overflow:hidden}.picture-frame img{display:inline-block;height:70vh;max-width:100%;-o-object-fit:cover;object-fit:cover}.picture-animate-frame{display:inline-block;height:50vh;overflow:hidden;width:400px}.contact :focus{outline:none}.contact .stacks{position:relative;margin:100px 0 15px 0;height:50px;font-weight:700;font-size:18px}.contact .stacks .stack{position:absolute;top:0;left:0;height:100%;width:100%;border-bottom:1px solid #a2abb7;background-color:#48525e;cursor:pointer}@media only screen and (min-width:415px){.contact .stacks .stack{width:80%}}.contact .stacks .stack.active{z-index:120}.contact .stacks .stack.erro,.contact .stacks .stack.erro .label,.contact .stacks .stack.erro i,.contact .stacks .stack.erro input,.contact .stacks .stack.erro textarea{animation:Erro 2s ease}@keyframes Erro{50%{color:#c60202;border-color:#c60202}}.contact .stacks .stack.success,.contact .stacks .stack.success .label,.contact .stacks .stack.success i,.contact .stacks .stack.success input,.contact .stacks .stack.success textarea{animation:Success 2s ease}@keyframes Success{50%{color:#009688;border-color:#009688}}.contact .stacks .stack i{position:absolute;left:10px;top:0;height:100%;display:flex;align-items:center;max-height:50px;font-size:24px}.contact .stacks .stack .label{position:relative;display:inline-block;padding:16px 40px;line-height:1rem;transform-origin:0 50% 0;transition:transform .1s ease-out,background .2s ease-out,padding .1s ease-out,left 0s;left:0}.contact .stacks .stack .label.slideOut{transition:opacity .4s ease-out,left .9s ease-out;opacity:0;left:100vw}.contact .stacks .stack .label label{cursor:pointer;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px;width:0;font-size:1rem}@media only screen and (min-width:455px){.contact .stacks .stack .label label{font-size:1.12rem}}.contact .stacks .stack .label label.typed{animation:typing .4s steps(30) 0s forwards}@keyframes typing{0%{width:0;text-overflow:unset}99%{width:100%;text-overflow:unset}to{width:100%;text-overflow:ellipsis}}.contact .stacks .stack .label.crumbs{line-height:36px;height:36px;background:#3a3a3a;padding:0 5px 0 40px}.contact .stacks .stack input,.contact .stacks .stack textarea{position:absolute;top:0;left:0;height:100%;font-family:Roboto,Arial,sans-serif;font-weight:700;color:#a2abb7;border:none;line-height:100%;padding:0 40px;background-color:transparent;width:80%;font-size:1rem}@media only screen and (min-width:455px){.contact .stacks .stack input,.contact .stacks .stack textarea{font-size:1.12rem}}@media only screen and (min-width:415px){.contact .stacks .stack input,.contact .stacks .stack textarea{width:100%}}.contact .stacks .stack textarea{height:70%;resize:none;padding:15px 40px 0;overflow:hidden}.contact .stacks .messageLeange{font-weight:500;font-size:1.1rem;position:absolute;top:106%;right:0;z-index:130}@media only screen and (min-width:415px){.contact .stacks .messageLeange{width:27%}}.contact .submit{display:flex}.contact .submit input[type=button],.contact .submit input[type=submit]{background:#9e9e9e;color:#c4c4c4;padding:8px 16px;margin-right:.5rem;border-radius:3px;border:none;border-bottom:3px solid #797979;box-shadow:0 5px 0 -2px #2f2f2f;cursor:pointer;font-size:.8rem;line-height:24px;font-weight:700;text-transform:uppercase}.contact .submit input[type=button].enabled,.contact .submit input[type=submit].enabled{background:#009688;color:#ebf1f8}.contact .submit input[type=button].disabled,.contact .submit input[type=submit].disabled{background:#c60202;color:#ebf1f8}.contact .submit :last-of-type input{margin-right:0}.contact .submit .magicButton{position:relative}.contact .submit .magicButton .sendProgress{position:absolute;top:0;left:0;width:0;height:100%;background-color:rgba(0,0,0,.2);transition-property:width;transition-duration:2s;transition-timing-function:linear}.wapper-page{display:flex;justify-content:center}.container-page{display:inline-block;max-width:1400px;width:100%}section{min-height:80vh}section header{text-align:center;padding-top:6rem}section h2{font-size:32px}section h2,section h3{text-transform:uppercase;font-weight:400;letter-spacing:.05em;margin-bottom:1rem}section h3{margin-top:2rem}section article{display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;padding:5vh 1.25rem}@media only screen and (min-width:1228px){section article{padding:10vh 1.25rem}}@media only screen and (min-width:850px){section article .spacing{margin:0 1rem}}section article span{display:block;margin-bottom:10px}section article:nth-of-type(2n){flex-direction:row-reverse}section article .balancing,section article .info,section article .reference{display:inline-block;width:530px}section article .balancing .counter{margin-top:2rem}section article .gap{margin:0 1rem 4rem 1rem}section#contact,section#skills{color:var(--font-light);background-color:var(--bg-dark-blue)}section#contact h2,section#skills h2{color:#fff}section#contact:before{content:"";display:inline-block;width:100%;height:4.6rem;background-color:#fff;clip-path:polygon(-1% 0,101% 0,50% 100%);position:relative;top:-1px}section#work{align-items:center}section#work a{color:var(--font-blue);display:inline-block;text-decoration:none;padding:12px 10px 10px 0}section#work a:hover{color:var(--font-dark);text-decoration:underline}section#skills{align-items:center}section#skills .wrapper-skills{align-items:start;padding:3rem 0;display:grid;grid-template-columns:repeat(1,minmax(auto,100%))}@media only screen and (min-width:1000px){section#skills .wrapper-skills{grid-template-columns:repeat(3,minmax(33.3%,33.3%))}}section#skills .wrapper-skills div{letter-spacing:.05em;padding:2rem 0}@media only screen and (min-width:600px){section#skills .wrapper-skills div{padding:2rem 4rem}}@media only screen and (min-width:1000px){section#skills .wrapper-skills div{padding:2rem 0}}section#skills .wrapper-skills div h3{text-align:center;margin-bottom:2rem;margin-top:0}section#skills .wrapper-skills div ul{padding:0 4rem;list-style-type:none}section#skills .wrapper-skills div ul li{margin-bottom:1.3rem;position:relative}section#skills .wrapper-skills div ul li:before{content:"";display:inline-block;width:25px;height:1px;margin-right:10px;background-color:#fff;position:absolute;top:50%;left:-35px}section#skills .wrapper-skills div.line{position:relative}section#skills .wrapper-skills div.line.active:after,section#skills .wrapper-skills div.line.active:before{content:"";height:1px;position:absolute;left:5%;background-color:hsla(0,0%,100%,.2);animation:AnimationLineWidth 1.3s ease forwards}section#skills .wrapper-skills div.line.active:before{top:0}section#skills .wrapper-skills div.line.active:after{bottom:0}@media only screen and (min-width:1000px){section#skills .wrapper-skills div.line.active:before{animation:AnimationLineHeight 1.3s ease forwards;background-color:var(--font-light);top:0;left:0;width:1px}section#skills .wrapper-skills div.line.active:after{animation:AnimationLineHeight 1.3s ease forwards;background-color:var(--font-light);top:0;right:0;left:unset;width:1px}}@keyframes AnimationLineWidth{0%{width:0;opacity:0}50%{opacity:1}to{width:90%}}@keyframes AnimationLineHeight{0%{height:0%;opacity:0}50%{opacity:1}to{height:100%}}