@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap";@import"https://use.fontawesome.com/releases/v5.15.2/css/all.css";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.app{scroll-behavior:smooth;transition:all .5s cubic-bezier(.075,.82,.165,1)}.app section{padding:100px}.app section h1{font-size:60px}.app header{padding:20px 100px}.glitchyImage{height:500px;width:400px}@keyframes my-animation{0%{filter:none}20%{filter:url(#filter)}50%{filter:url(#filter-2)}80%{filter:url(#filter-3)}94%{filter:none}}.glitchyImage #my-image{filter:url(#filter);animation:.8s my-animation alternate infinite}.app .builtWith{display:flex;align-items:center;padding:100px;position:relative;background-color:#0e1720;color:#e7ecef;min-height:100vh}.app .builtWith .glitchContainer{position:relative;width:70%}.app .builtWith ul,.app .builtWith li{list-style-type:disc;padding:10px 15px;letter-spacing:10px;font-weight:700;max-width:90%}.app .builtWith .glitch,.app .builtWith .glow,.app .builtWith .cat,.app .builtWith li{position:relative;font-size:60px;animation:glitch 5s 5s infinite}.app .builtWith .glitch:before,.app .builtWith .glow:before,.app .builtWith .cat:before,.app .builtWith li:before{content:attr(data-text);position:absolute;left:-2px;text-shadow:-5px 0 magenta;background:#0e1720;overflow:hidden;top:0;animation:noise-1 3s linear infinite alternate-reverse,glitch 5s 5.05s infinite}.app .builtWith .glitch:after,.app .builtWith .glow:after,.app .builtWith .cat:after,.app .builtWith li:after{content:attr(data-text);position:absolute;left:2px;text-shadow:-5px 0 lightgreen;background:#0e1720;overflow:hidden;top:0;animation:noise-2 3s linear infinite alternate-reverse,glitch 5s 5s infinite}.app .builtWith li{font-size:30px}.app .builtWith li span{text-decoration:underline}.app .builtWith .cat{font-size:60px}.app .builtWith .cat:before{content:attr(data-text-cat);position:absolute;left:-2px;text-shadow:-5px 0 magenta;background:#0e1720;overflow:hidden;top:0;animation:noise-1 3s linear infinite alternate-reverse,glitch 5s 5.05s infinite}.app .builtWith .cat:after{content:attr(data-text-cat);position:absolute;left:2px;text-shadow:-5px 0 lightgreen;background:#0e1720;overflow:hidden;top:0;animation:noise-2 3s linear infinite alternate-reverse,glitch 5s 5s infinite}@keyframes glitch{1%{transform:rotateX(10deg) skew(90deg)}2%{transform:rotateX(0) skew(0)}}@keyframes noise-1{3.3333333333%{clip-path:inset(62px 0 37px 0)}6.6666666667%{clip-path:inset(58px 0 13px 0)}10%{clip-path:inset(82px 0 6px 0)}13.3333333333%{clip-path:inset(53px 0 16px 0)}16.6666666667%{clip-path:inset(35px 0 42px 0)}20%{clip-path:inset(11px 0 55px 0)}23.3333333333%{clip-path:inset(34px 0 23px 0)}26.6666666667%{clip-path:inset(52px 0 14px 0)}30%{clip-path:inset(81px 0 7px 0)}33.3333333333%{clip-path:inset(90px 0 2px 0)}36.6666666667%{clip-path:inset(30px 0 17px 0)}40%{clip-path:inset(94px 0 5px 0)}43.3333333333%{clip-path:inset(53px 0 28px 0)}46.6666666667%{clip-path:inset(23px 0 77px 0)}50%{clip-path:inset(87px 0 1px 0)}53.3333333333%{clip-path:inset(87px 0 5px 0)}56.6666666667%{clip-path:inset(37px 0 40px 0)}60%{clip-path:inset(7px 0 21px 0)}63.3333333333%{clip-path:inset(9px 0 15px 0)}66.6666666667%{clip-path:inset(94px 0 7px 0)}70%{clip-path:inset(64px 0 28px 0)}73.3333333333%{clip-path:inset(11px 0 53px 0)}76.6666666667%{clip-path:inset(86px 0 1px 0)}80%{clip-path:inset(61px 0 21px 0)}83.3333333333%{clip-path:inset(99px 0 2px 0)}86.6666666667%{clip-path:inset(99px 0 1px 0)}90%{clip-path:inset(29px 0 64px 0)}93.3333333333%{clip-path:inset(60px 0 20px 0)}96.6666666667%{clip-path:inset(33px 0 53px 0)}to{clip-path:inset(26px 0 32px 0)}}@keyframes noise-2{0%{clip-path:inset(32px 0 67px 0)}3.3333333333%{clip-path:inset(78px 0 22px 0)}6.6666666667%{clip-path:inset(37px 0 61px 0)}10%{clip-path:inset(47px 0 50px 0)}13.3333333333%{clip-path:inset(88px 0 4px 0)}16.6666666667%{clip-path:inset(93px 0 2px 0)}20%{clip-path:inset(7px 0 50px 0)}23.3333333333%{clip-path:inset(34px 0 6px 0)}26.6666666667%{clip-path:inset(9px 0 12px 0)}30%{clip-path:inset(64px 0 36px 0)}33.3333333333%{clip-path:inset(58px 0 18px 0)}36.6666666667%{clip-path:inset(7px 0 46px 0)}40%{clip-path:inset(11px 0 75px 0)}43.3333333333%{clip-path:inset(88px 0 4px 0)}46.6666666667%{clip-path:inset(66px 0 21px 0)}50%{clip-path:inset(84px 0 16px 0)}53.3333333333%{clip-path:inset(91px 0 9px 0)}56.6666666667%{clip-path:inset(73px 0 9px 0)}60%{clip-path:inset(93px 0 1px 0)}63.3333333333%{clip-path:inset(77px 0 9px 0)}66.6666666667%{clip-path:inset(36px 0 29px 0)}70%{clip-path:inset(92px 0 6px 0)}73.3333333333%{clip-path:inset(4px 0 4px 0)}76.6666666667%{clip-path:inset(29px 0 1px 0)}80%{clip-path:inset(62px 0 8px 0)}83.3333333333%{clip-path:inset(97px 0 4px 0)}86.6666666667%{clip-path:inset(21px 0 6px 0)}90%{clip-path:inset(26px 0 39px 0)}93.3333333333%{clip-path:inset(31px 0 61px 0)}96.6666666667%{clip-path:inset(62px 0 11px 0)}to{clip-path:inset(95px 0 3px 0)}}.app .builtWith .scanlines{overflow:hidden;mix-blend-mode:difference}.app .builtWith .scanlines:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:repeating-linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.05) .5%,transparent 1%);animation:fudge 7s ease-in-out alternate infinite}@keyframes fudge{0%{transform:translate(0)}to{transform:translateY(2%)}}.app .builtWith .glow{text-shadow:0 0 1000px rgb(223,191,191);color:transparent;position:absolute;top:0}.app .builtWith .subtitle{animation:glitch-2 5s 5.02s infinite}@keyframes glitch-2{1%{transform:rotateX(10deg) skew(70deg)}2%{transform:rotateX(0) skew(0)}}.button{position:relative;display:inline-block;color:#e7ecef;background-color:#274c77;border:1px solid #6aa7cf;outline:none;padding:1rem 1.5rem;font-size:1.125rem;font-weight:500;line-height:1.5;text-align:center;opacity:1;border-radius:6px;cursor:pointer;transition:all .5s cubic-bezier(.075,.82,.165,1)}.button:hover{transform:translateY(-5px)!important;box-shadow:0 2px 10px #00000040}.lastButton{color:#274c77;background-color:#e7ecef;border:1px solid #274c77}@media (max-width: 450px){.button{padding:15px}}@media (max-width: 350px){.button{padding:8px}}@media (max-width: 600px){.showMoreButton{width:100%!important}}.contacts{display:flex;justify-content:center;flex-direction:column;padding-bottom:100px;width:100%;min-height:100vh}.contacts .cta{width:35%}.contacts #video{border-radius:12px;width:100%;background-color:#fff}.contacts .content{display:flex;width:100%;align-items:flex-start;background-color:#fff;padding:25px 50px 50px;box-shadow:#64646f33 0 7px 29px;border-radius:0 0 12px 12px}.contacts h1{font-size:60px;font-weight:500;background-color:#fff;padding-left:50px;padding-top:25px;border-radius:12px 12px 0 0;opacity:1}.contacts h3{margin-top:-10px;padding-bottom:10px;background-color:#fff;filter:grayscale(0%);padding-left:55px}.contacts form{display:flex;flex-direction:column;padding:0;width:45%}.contacts form label{color:#274c77;font-weight:500;margin-bottom:5px}.contacts form input{padding:10px;margin-bottom:25px;border-radius:12px;border:none;outline:none;background-color:#e7ecef;color:#274c77}.contacts form textarea{resize:none;height:100px;padding:10px;margin-bottom:30px;border-radius:12px;border:none;outline:none;background-color:#e7ecef;color:#274c77}.contacts form .contactButton{margin-top:23px}.contacts .socials{display:flex;justify-content:space-between;align-items:center;flex-direction:column;width:20%;height:400px}.contacts .socials a{display:flex;justify-content:flex-start;align-items:center;flex-direction:column;width:100%;opacity:1;transition:transform .5s cubic-bezier(.075,.82,.165,1)}.contacts .socials a:hover{transform:translateY(-2px)}.contacts .socials a:hover i{color:#3a83b3}.contacts .socials a i{font-size:40px;padding:5px;color:#274c77;transition:color .5s cubic-bezier(.075,.82,.165,1)}.contacts .socials a #github{padding-left:2px}.contacts .socials .linkedIn{margin:30px 0}.contacts .socials .github{margin:10px 0 0}.contacts .notification{position:fixed;display:flex;align-content:center;justify-content:center;top:20px;right:0px;padding:10px;border-radius:12px;font-size:20px;background-color:#274c77;color:#e7ecef;animation:slideIn .5s cubic-bezier(.075,.82,.165,1) forwards;z-index:999}.contacts .notification p{padding:0 5px}.contacts .notification i{padding:5px;cursor:pointer}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@media (max-width: 1680px){.contacts .cta{width:40%}.contacts .socials{justify-content:space-evenly}.contacts .socials .github{margin:0}.contacts form input{margin-bottom:15px}.contacts form .contactButton{margin-top:0}}@media (max-width: 1150px){.contacts h1{line-height:70px;padding-bottom:30px}.contacts .content{flex-direction:column}.contacts .content .cta{width:100%}.contacts .content .cta video{width:80%}.contacts .content .socials{width:100%;flex-direction:row}.contacts .content form{width:100%}}@media (max-width: 450px){.contacts{padding-bottom:70px;padding-top:70px}.contacts h1{font-size:36px;padding-left:20px;padding-right:20px}.contacts h3{margin:0;padding-left:20px;padding-right:20px;font-weight:300;font-size:18px}.contacts .content{padding:20px}.contacts .content .socials{flex-wrap:wrap;justify-content:center}.contacts .content .socials a{width:50%}.contacts .content .socials .linkedIn{margin:0}.contacts .content .socials .discord{margin-top:-100px}}.about{position:relative;display:flex;background:#21313c;padding:0}.about .aboutMe{width:50%}.about .card{position:relative;width:100%;margin:0 20px 0 0;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;background:#21313c;font-family:monospace;padding-bottom:20px;overflow:hidden}.about .card .title{display:flex;align-items:center;font-size:14px;color:#fff;opacity:.5;padding-top:10px;padding-bottom:10px;font-weight:300}.about .card .file{width:100%;font-size:16px;font-weight:300;margin-bottom:5px;color:#fff;display:flex;justify-content:flex-start;align-items:center;background-color:#18242c}.about .card .file span{font-size:16px;font-weight:300;height:100%;padding:10px;color:#fff;display:flex;justify-content:flex-start;align-items:center;background-color:#21313c;border-right:1px solid black}.about .card .file span:hover{filter:brightness(90%)}.about .card .file span img{margin-right:8px}.about .card .file .fa-times{margin-left:10px;margin-top:2px;opacity:.4}.about .card .file .fa-times:hover{cursor:pointer}.about .card .file .fa-times:active{font-size:14px}.about .card h2{width:100%;padding-left:10px;font-size:14px;font-weight:300;opacity:.7;color:#fff}.about .card h2 .fa-chevron-right{margin:0 5px}.about .card h2 .fa-box{margin:0 2px 0 5px;color:#15e6f5}.about .card .editor{display:flex;width:100%;padding-top:10px}.about .card .editor .lineNumbers{min-width:10%}.about .card .editor .lineNumbers p{color:#fff;opacity:.5;font-weight:100;font-size:16px;padding-left:10px;margin:5px 0}.about .card .editor .lineNumbers p:first-child{margin-top:0}.about .card .code{padding-left:40px;min-width:90%}.about .card .code p{color:#fff;font-size:16px;margin:5px 0}.about .card .code p:first-child{margin-top:0}.about .card .code p #class,.about .card .code p #export,.about .card .code p #chavetas14{margin-left:-40px}.about .card .code p #this1,.about .card .code p #for,.about .card .code p #chavetas12{margin-left:40px}.about .card .code p #console{margin-left:80px}.about .card .code p #githubLink{opacity:1;text-decoration:underline}.about .card .code p #reticencias,.about .card .code p #skillset2{font-style:italic}.about .card .code p .code-blue{color:#5ca9ec}.about .card .code p .code-yellow{color:#f1d954}.about .card .code p .code-orange{color:#fa865c}.about .card .code p .code-purple{color:#d270eb}.about .card .code p .const,.about .card .code p #chavetas2{margin-left:-40px}.about .card .code p .code-red{color:#fb635b}.about .card .code p .code-green{color:#74eb70}.about .toolset{background-color:#21313c;border-left:1px solid black;width:50%}.about .toolset .code-blue{color:#5ca9ec}.about .toolset .code-yellow{color:#f1d954}.about .toolset .code-orange{color:#fa865c}.about .toolset .code-purple{color:#d270eb}.about .toolset .code-red{color:#fb635b}.about .toolset .code-green{color:#74eb70}.about .toolset .toolCode,.about .toolset .terminal .toolCode{margin-left:40px;font-size:16px;font-family:monospace;font-weight:300;color:#e7ecef}.about .toolset .title{display:flex;align-items:center;font-size:14px;color:#fff;opacity:.5;padding-top:10px;padding-bottom:10px;font-weight:300;font-family:monospace;justify-content:center}.about .toolset .file{width:100%;font-size:16px;font-weight:300;font-family:monospace;margin-bottom:5px;color:#fff;display:flex;justify-content:flex-start;align-items:center;background-color:#18242c}.about .toolset .file span{font-size:16px;font-weight:300;height:100%;padding:10px;color:#fff;display:flex;justify-content:flex-start;align-items:center;background-color:#21313c;border-right:1px solid black}.about .toolset .file span:hover{filter:brightness(90%)}.about .toolset .file span svg{margin-right:8px}.about .toolset .file .fa-times{margin-left:10px;margin-top:2px;opacity:.4}.about .toolset .file .fa-times:hover{cursor:pointer}.about .toolset .file .fa-times:active{font-size:14px}.about .toolset h2{width:800px;font-size:14px;font-weight:300;padding-left:10px;opacity:.7;color:#fff}.about .toolset h2 .fa-chevron-right{margin:0 5px}.about .toolset .editor{display:flex;padding-top:10px}.about .toolset .editor .lineNumbers{min-width:10%}.about .toolset .editor .lineNumbers li{color:#fff;opacity:.5;font-weight:100;font-size:16px;padding-left:10px;margin:5px 0;font-family:monospace}.about .toolset .editor .lineNumbers li:first-child{margin-top:0}.about .toolset .editor .finalCode{min-width:90%;padding-top:5px;margin-top:-10px;margin-left:-40px}.about .toolset .editor .finalCode p{color:#fff;font-size:16px;margin:5px 0}.about .toolset .editor .finalCode p:first-child{margin-top:5px;margin-bottom:34px}.about .toolset .editor .finalCode .emptyP{margin:0}.about .toolset .terminal{margin-top:30px;color:#fff7;font-family:monospace;font-size:16px}.about .toolset .terminal .terminalOptions{text-transform:uppercase;padding:15px 10px 10px 20px;opacity:0}.about .toolset .terminal .lastp{margin-top:30px;margin-left:20px;opacity:.8}.about .toolset .terminal span{border-bottom:1px solid #e7ecef;color:#e7ecef;padding:5px 0}.about .toolset .terminalOn{border-top:1px solid rgba(255,255,255,.4666666667)}.about .toolset .terminalOn .terminalOnOptions{opacity:1}@media (max-width: 1150px){section{padding:30px}.about{flex-direction:column}.about .aboutMe,.about .toolset{width:100%}.about .aboutMe .title,.about .toolset .title{border-top:1px solid #0f161b}}@media (max-width: 700px){.about .aboutMe{padding-bottom:20px}.about .toolset .editor .finalCode{margin-left:10px}.about .card .code p,.about .card .editor .lineNumbers p,.about .toolset .editor .finalCode p,.about .toolset .editor .lineNumbers li{font-size:14px}.about .toolset .terminal .lastp{font-size:14px;margin-left:10px;word-break:break-all}.about .toolset .toolsetContainer{justify-content:center;padding-left:0}}@media (max-width: 376px){.about .card .editor .blankSpace{margin-bottom:10px}}@media (max-width: 340px){.about .card .code p{margin-left:10px}.about .aboutMe{padding-bottom:0;margin-bottom:10px}.about .aboutMe .card .lineNumbers{min-width:40px;margin-bottom:10px;padding-bottom:0;z-index:10}}.toolsetContainer{display:flex;flex-wrap:wrap;gap:0px 15px;margin-top:30px}.toolsetContainer li{margin-top:30px;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100px;padding:15px 10px;color:#e7ecef;transform:scale(0)}.toolsetContainer li img{width:50px;height:50px;opacity:.8}.toolsetContainer li i{font-size:50px;margin-right:0;opacity:.8}.toolsetContainer li p{opacity:0;transform:translateY(5px);transition:opacity .2s cubic-bezier(.075,.82,.165,1),transform .2s cubic-bezier(.075,.82,.165,1)}.toolsetContainer li:hover{transform:scale(1)}.toolsetContainer li:hover p{opacity:1;transform:translateY(-1px)}.toolsetContainer li:hover img,.toolsetContainer li:hover i{opacity:1}.toolsetContainer i{font-size:60px;margin-right:30px}.toolsetContainer .html{animation:scaleUp .5s 1.5s cubic-bezier(.075,.82,.165,1) forwards}.toolsetContainer .css{animation:scaleUp .5s 2s cubic-bezier(.075,.82,.165,1) forwards}.toolsetContainer .sass{animation:scaleUp .5s 2.5s cubic-bezier(.075,.82,.165,1) forwards}.toolsetContainer .javascript{animation:scaleUp .5s 3s cubic-bezier(.075,.82,.165,1) forwards}.toolsetContainer .typescript{animation:scaleUp .5s 3.5s cubic-bezier(.075,.82,.165,1) forwards}.toolsetContainer .vue{animation:scaleUp .5s 4s cubic-bezier(.075,.82,.165,1) forwards}.toolsetContainer .node{animation:scaleUp .5s 4.5s cubic-bezier(.075,.82,.165,1) forwards}.toolsetContainer .express{animation:scaleUp .5s 5s cubic-bezier(.075,.82,.165,1) forwards}.toolsetContainer .mongodb{animation:scaleUp .5s 5.5s cubic-bezier(.075,.82,.165,1) forwards}.toolsetContainer .git{animation:scaleUp 1s 6s cubic-bezier(.075,.82,.165,1) forwards}.toolsetContainer .react{animation:scaleUp 1s 6.5s cubic-bezier(.075,.82,.165,1) forwards}.toolsetContainer .redux{animation:scaleUp 1s 7s cubic-bezier(.075,.82,.165,1) forwards}.toolsetContainer .nextjs{animation:scaleUp 1s 7.5s cubic-bezier(.075,.82,.165,1) forwards}@keyframes scaleUp{0%{transform:scale(0)}to{transform:scale(1)}}.experience{min-height:100vh}.experience h1{font-size:100px;margin-bottom:50px}.experience a{color:#34659d}.experienceCard{border-left:10px solid #274c77;padding-bottom:50px;position:relative}.experienceCard:last-child{padding-bottom:0}.experienceCard .marker{width:25px;height:25px;top:0px;left:-17px;border-radius:50%;background-color:#0e1b2a;position:absolute}.experienceCard h2{font-weight:500;font-size:38px;margin-bottom:10px;line-height:30px;display:flex;align-items:center}.experienceCard h2 img{margin-top:-7px;margin-right:10px;height:38px}.experienceCard h3{font-weight:500}.experienceCard p{margin-top:5px;margin-bottom:15px;max-width:535px}.experienceCard li{list-style-type:disc;margin-left:20px;margin-bottom:10px}.experienceCard li:last-child{margin-bottom:0}.experienceCard li a{text-decoration:underline}header{height:10vh;max-height:10vh;z-index:10;width:100%;opacity:1;transition:all .5s cubic-bezier(.075,.82,.165,1)}header nav{display:flex;justify-content:space-between}header nav .logo{display:flex;padding-top:10px}header nav .logo img{margin-top:-23px;width:50px}header nav .logo p{font-size:22px;font-weight:700}header nav ul{display:flex;justify-content:space-around}header nav ul li{padding:10px;font-size:22px}header nav ul li a{font-weight:700;font-family:monospace;transition:all .5s cubic-bezier(.075,.82,.165,1)!important}header nav ul li a:hover{opacity:1}header nav ul li a i{font-size:30px;transition:all .2s cubic-bezier(.075,.82,.165,1)}header nav ul li a #linkedin:hover{transform:translateY(-5px)}header nav ul li a #github:hover{transform:translateY(-5px)}header nav ul .sun,header nav ul .moon{transform:translateY(-300%);opacity:0;animation:dropDown .5s cubic-bezier(.075,.82,.165,1) forwards}@keyframes dropDown{0%{transform:translateY(-300%);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 1680px){header nav .logo svg{left:80px}}@media (max-width: 1200px){header nav .logo p{display:none}}#hero{display:flex;justify-content:space-between;overflow:hidden;height:90vh;padding:0 0 0 100px}#hero .imgContainer{overflow:hidden;position:relative;width:45%;height:90vh}#hero .imgContainer .tiagoImg{position:absolute;display:block;width:100%;right:0;bottom:0;z-index:1;transform:translateY(-100%);animation:fadeIn 1s forwards}#hero .heroText{display:flex;flex-direction:column;align-items:flex-start;padding-top:150px;z-index:2}#hero .heroText .hiThere{display:flex;justify-content:flex-start}#hero .heroText .hiThere .handEmoji{width:auto;padding-left:5px;animation:shakeHand 2s cubic-bezier(.075,.82,.165,1) 3s 1 both}#hero .heroText h2{font-size:20px;margin-bottom:-25px;overflow:hidden}#hero .heroText h2 span{display:block;transform:translate3d(0,-400px,0);animation:showTopText 1s .3s forwards}#hero .heroText h1{display:flex;font-size:120px;overflow:hidden}#hero .heroText h1 .name{display:block;transform:translate3d(0,-400px,0);animation:showTopText 1s .3s forwards}#hero .heroText h1 #firstName{margin-right:20px}#hero .heroText h1 .char{display:inline-block;transition:all .5s cubic-bezier(.075,.82,.165,1)}#hero .heroText h1 .char:hover{color:#6aa7cf;cursor:default;opacity:1;transform:rotate(-5deg) scale(1.1) translate(-5px) translateY(-5px)!important}#hero .heroText h1 .char:nth-child(6){margin-left:25px}#hero .heroText hr{width:96%;background-color:#274c77;border:1px solid #274c77;margin-bottom:20px}#hero .heroText p{width:500px;font-size:20px;overflow:hidden}#hero .heroText p span{display:block;transform:translate3d(0,100%,0);animation:showBottomText 1s .6s 1 normal forwards}#hero .heroText .buttons{display:flex;overflow:hidden}#hero .heroText .buttons .buttoes{width:100%;height:100%;padding-right:1.5rem;padding-top:2rem;padding-bottom:2rem;display:flex;gap:25px;transform:translateY(-400%);animation:showBottomText 1s .6s 1 normal forwards}@media (max-width: 1450px){.hero .heroText h1{flex-direction:column;padding-right:0}.hero .heroText h1 #firstName{margin-bottom:-50px}.hero .imgContainer{width:55%}}@media (max-width: 1150px){.hero{position:relative;flex-direction:column;padding-right:30px;padding-top:0;margin-bottom:50px;border-bottom:none}.hero .heroText{width:100%}.hero .heroText h1{flex-direction:row}.hero .imgContainer{position:absolute;right:0;bottom:0;width:70%}}@media (max-width: 900px){.hero{flex-direction:column;padding-right:60px;padding-top:100px}.hero .heroText{width:100%}.hero .heroText h1{flex-direction:column}.hero .imgContainer{display:none}}@media (max-width: 600px){.hero{flex-direction:column;padding-right:20px;padding-left:20px;padding-top:100px}.hero .heroText{width:100%}.hero .heroText h1{flex-direction:column;font-size:100px}.hero .heroText h1 #firstName{margin-bottom:-30px}.hero .heroText p{width:100%}.hero .heroText hr{width:90%}.hero .imgContainer{display:none}}@media (max-width: 376px){.hero{flex-direction:column;padding-right:20px;padding-left:20px;padding-top:100px}.hero .heroText{width:100%}.hero .heroText h2{padding-left:0}.hero .heroText h1{flex-direction:column;font-size:70px;margin-top:10px;padding-left:0}.hero .heroText h1 #firstName{margin-bottom:-30px}.hero .heroText p{font-size:16px;padding-left:10px}.hero .heroText hr{margin-left:10px}.hero .heroText .buttons{padding-left:10px}}@keyframes showTopText{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}@keyframes showBottomText{0%{transform:translate3d(0,-300%,0)}to{transform:translateZ(0)}}@keyframes fadeIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes shakeHand{25%{transform:rotate(10deg)}30%{transform:rotate(0)}35%{transform:rotate(10deg)}40%{transform:rotate(10deg)}45%{transform:rotate(0)}50%{transform:rotate(10deg)}55%{transform:rotate(10deg)}60%{transform:rotate(0)}65%{transform:rotate(10deg)}70%{transform:rotate(10deg)}75%{transform:rotate(0)}80%{transform:rotate(10deg)}}.app .otherProjects{padding:100px}.app .otherProjects .projectsContainer{display:flex;flex-wrap:wrap;gap:25px}.sideproject-container{display:flex;justify-content:space-between;flex-direction:column;padding:20px 30px;min-width:400px;max-width:450px;border-radius:25px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.sideproject-container p{margin:10px 0}.sideproject-container .button-container{display:flex;justify-content:flex-end}.sideproject-container .button-container .website{font-size:16px;padding:10px;border-radius:10px;outline:none;border:none;background-color:#274c77;transition:all .5s cubic-bezier(.075,.82,.165,1)}.sideproject-container .button-container .website:hover{cursor:pointer;transform:translateY(-2px)}.sideproject-container .button-container .website a{color:#fff;opacity:1;font-family:Poppins,sans-serif}.sideproject-container .button-container .code{font-size:16px;padding:8px 10px;border-radius:10px;opacity:1;margin-left:10px;transition:all .5s cubic-bezier(.075,.82,.165,1)}.sideproject-container .button-container .code:hover{cursor:pointer;transform:translateY(-2px)}@media (max-width: 900px){.sideproject-container{min-width:46%;max-width:46%;width:46%}}@media (max-width: 600px){.sideproject-container{min-width:100%;max-width:100%;width:100%}}.guideCard{display:flex;max-width:80%;min-height:200px;border-radius:24px;border:1px solid #274c77;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.guideCard img{width:50%;border-top-left-radius:24px;border-bottom-left-radius:24px}.guideCard .textContainer{padding:30px;display:flex;flex-direction:column;justify-content:space-between}.guideCard h2 span{color:#576676}.guideCard p{margin:20px 0}.guideCard .button-container{display:flex}.guideCard .button-container .website{font-size:16px;padding:10px;border-radius:10px;outline:none;border:none;transition:all .5s cubic-bezier(.075,.82,.165,1);background-color:#274c77;color:#fff}.guideCard .button-container .website:hover{cursor:pointer;transform:translateY(-2px)}.guideCard .button-container .website a{opacity:1;color:#fff}.guideCard .button-container .code{font-size:16px;padding:8px 10px;border-radius:10px;opacity:1;margin-left:10px;transition:all .5s cubic-bezier(.075,.82,.165,1);border:1px solid #274c77}.guideCard .button-container .code:hover{cursor:pointer;transform:translateY(-2px)}.workInProgress{opacity:.4;border:none}@media (max-width: 900px){.guideCard{min-width:46%;max-width:46%;width:46%}}@media (max-width: 600px){.guideCard{min-width:100%;max-width:100%;width:100%}}.tiagosGuides{min-height:100vh;padding:100px 0;display:flex;flex-direction:column}.tiagosGuides .subtitle{margin-top:15px;margin-bottom:50px;max-width:700px;font-size:18px}.tiagosGuides .guidesContainer{display:flex;flex-wrap:wrap;gap:25px}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%;overflow-x:hidden;scroll-behavior:smooth}.app{font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:default;overflow:hidden}body{line-height:1.5;-webkit-font-smoothing:antialiased}body::-webkit-scrollbar{width:.5rem}body::-webkit-scrollbar-track{background-color:#e7ecef}body::-webkit-scrollbar-thumb{background-color:#274c77;border-radius:5px}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}a{text-decoration:none;cursor:pointer;opacity:.75}a:hover{opacity:1}nav,ul,li{list-style-type:none}