@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300&display=swap);*{box-sizing:border-box;font-family:Inter,sans-serif;margin:0;padding:0;scroll-behavior:smooth}a{text-decoration:none}li{list-style:none}body,html{height:100%}body{background-color:#dedecd}.fa-angles-down{-webkit-animation:scroll-down 2.1s infinite forwards;animation:scroll-down 2.1s infinite forwards;color:#e28e44;display:flex;font-size:20px;justify-content:center}.init-hidden{opacity:0;transition:opacity 1s linear}.scroll-hidden{display:none}.init-hidden-off{opacity:1}.line{display:flex}.line,.lineIN{background-color:#ccccba}.lineIN{border-bottom:1px solid #ffbd84;margin:auto;width:70%}@-webkit-keyframes appear{0%{opacity:0;-webkit-transform:translate3d(-30px,0,0);transform:translate3d(-30px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes appear{0%{opacity:0;-webkit-transform:translate3d(-30px,0,0);transform:translate3d(-30px,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes scroll-down{0%{opacity:0;-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}30%{opacity:0}60%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}@keyframes scroll-down{0%{opacity:0;-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}30%{opacity:0}60%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}}header{background-color:#dedecd;display:flex;height:3.5em;justify-content:space-between;padding:1rem 15%}header p{align-items:center;display:flex}header .Typewriter,header p{color:#f4a460;font-size:18px;letter-spacing:2px}header .Typewriter{font-weight:700;margin-left:22px;margin-top:-19px}nav ul{display:flex;list-style:none;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}nav ul li{font-size:17px;font-weight:700;letter-spacing:1.2px;margin:0 25px}nav ul li a{color:#f4a460}nav ul li:after{border-bottom:2px solid #f4a460;content:"";display:flex;-webkit-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out}nav ul li:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1)}@-webkit-keyframes blink{0%{opacity:1}40%{opacity:1}60%{opacity:0}to{opacity:0}}@keyframes blink{0%{opacity:1}40%{opacity:1}60%{opacity:0}to{opacity:0}}.toggler{cursor:pointer;height:50px;opacity:0;width:50px;z-index:3}.hamburger,.toggler{position:absolute;right:20px;top:8px}.hamburger{align-items:center;display:flex;height:40px;justify-content:center;padding:.6rem;width:60px}.hamburger>div{background:#f4a460;height:2px;position:relative;right:0;top:0;transition:all .4s ease;width:60%}.hamburger>div:after,.hamburger>div:before{background:#f4a460;content:"";height:2px;position:absolute;top:-10px;transition:all .4s ease;width:100%}.hamburger>div:after{top:10px}.toggler:checked+.hamburger>div{background:#ffe2c9}.toggler:checked+.hamburger>div:before{background:#f4a460;top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.toggler:checked+.hamburger>div:after{background:#f4a460;top:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.burgericon{display:none}.burgeroptns{-webkit-animation:appear .5s forwards;animation:appear .5s forwards;background-color:#ffe2c9;border-radius:5px;box-shadow:0 4px 4px rgba(0,0,0,.3);display:none;padding-top:25px;position:absolute;right:15px;top:6px}.burgeroptns li{display:flex;font-size:17px;font-weight:700;justify-content:center;letter-spacing:3px;margin:30px 25px 25px;text-align:center}.burgeroptns li a{color:#f4a460}.toggle{display:block}@media screen and (max-width:1080px){header .Typewriter,header p{font-size:16px}nav ul li{font-size:15px}}@media screen and (max-width:880px){nav ul li{display:none}header{padding:1rem 5%}.burgericon{display:flex}}.blocoprinc{background-color:#dedecd;padding:10% 15%}.home{display:flex}.home,.textoprinc{align-items:center}.textoprinc h1{color:#333;font-size:20px;padding:0 0 2.5%}.home p{font-size:15px;font-size:20px;max-width:70%}.home img{border-radius:50%;box-shadow:0 4px 4px rgba(0,0,0,.3);height:300px;width:300px}@media screen and (max-width:1366px){.home p{font-size:16px}}@media screen and (max-width:1080px){.home h1{font-size:18.5px}.home p{font-size:14px}.home img{height:275px;width:275px}}@media screen and (max-width:880px){.blocoprinc{padding:5% 13%}.home,.home img{display:block}.home img{height:250px;margin:35px auto 15px;width:250px}.home h1{margin-top:60px;text-align:center}.home p{font-size:13px;max-width:100%;text-align:justify}}.bloco1{background-color:#ccccba;padding:8% 15%}.bloco1 .h11{color:#333;letter-spacing:2px;padding:0 0 7%;text-align:center}.bloco1 .fa-html5{color:#ff5722}.bloco1 .fa-css3-alt,.bloco1 .fa-react{color:#2196f3}.bloco1 .fa-square-js{color:#c9ae00}.bloco1 .fa-git-alt{color:#f05033}.habilidades{display:flex}.habilidades li{background-image:linear-gradient(#8f8f8f,#8f8f8f);background-repeat:no-repeat;background-size:0 100%;border-left:2px solid #8f8f8f;cursor:pointer;justify-content:justify;letter-spacing:1.5px;padding:10px;text-align:center;transition:all .5s;width:100%}.habilidades li:hover{background-size:100% 100%}.hab-detalhes{padding:0 0 0 5%}.hab-detalhes h1{color:#535353;letter-spacing:2px;margin:0 0 15px}.hab-detalhes p{font-size:20px;max-width:1000px;text-align:justify}.selected{background-image:linear-gradient(#f4a460,#f4a460)!important;border-left:2px solid #f4a460!important}.animacao{-webkit-animation:appear .5s forwards;animation:appear .5s forwards}@media screen and (max-width:1710px){.hab-detalhes p{max-width:680px}}@media screen and (max-width:1366px){.hab-detalhes p{font-size:16px;max-width:700px}}@media screen and (max-width:1260px){.hab-detalhes p{max-width:600px}}@media screen and (max-width:1080px){.hab-detalhes h1{font-size:18.5px}.hab-detalhes p{font-size:15px}}@media screen and (max-width:975px){.hab-detalhes p{max-width:430px}}@media screen and (max-width:880px){.habilidades{display:block}.habilidades li{background:none}.habilidades li:hover{background-color:initial}.hab-detalhes{padding:0}.hab-detalhes h1{margin-top:60px;text-align:center}.hab-detalhes p{font-size:13px;max-width:100%!important}}.bloco2{background-color:#dedecd;padding:8% 15%}.bloco2 h1{letter-spacing:2px;padding:0 0 3%}.bloco2 h1,.bloco2 h2{color:#333;text-align:center}.bloco2 h2{display:none;font-size:12px;letter-spacing:1px}.projetos{display:flex;padding:4.5% 0 0;text-align:center;width:100%}.projetos img{border-radius:20px;box-shadow:0 4px 4px rgba(0,0,0,.3);height:164px;width:330px}.projetos h1{opacity:0}.projeto{width:100%}.projeto-img{cursor:pointer;transition:.5s}.projeto-img:hover{margin-top:-20px;-webkit-transform:scale(104%);transform:scale(104%)}.projeto-txt{color:#535353;cursor:default;font-weight:700;opacity:0;text-align:center}.desc{margin-top:6%}.desc h2{font-size:20px;letter-spacing:2px}.desc h2,.desc p{color:#494949;font-weight:700;text-align:center}.desc p{font-size:16px;letter-spacing:1px;margin:15px 0}.animacao2{-webkit-animation:appear2 .5s forwards;animation:appear2 .5s forwards}.hidden{display:none}@-webkit-keyframes appear2{0%{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes appear2{0%{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@media screen and (max-width:1710px){.projetos img{height:144px;width:290px}}@media screen and (max-width:1366px){.projetos img{height:139px;width:280px}.desc p{font-size:13.5px}}@media screen and (max-width:1260px){.projetos img{height:119px;width:240px}}@media screen and (max-width:1080px){.projetos img{height:109px;width:220px}}@media screen and (max-width:975px){.projetos{display:block;padding:3% 0 0}.projeto-img{margin:1.5% 0}.projetos img{height:124px;width:250px}.desc p{font-size:13px;font-weight:lighter}}@media screen and (max-width:880px){.bloco2 h2,.projetos{display:block}.projetos{padding:3.5% 0 0}.projeto-img{margin:7% 0}.projetos img{height:124px;width:250px}.projeto-txt{display:none}.desc h2{font-size:14px}.desc p{font-size:12px;font-weight:lighter}}@media screen and (max-width:345px){.projetos img{height:94.5px;width:190px}}.bloco3{background-color:#ccccba;padding:8% 15%}.bloco3 h1{color:#333;letter-spacing:2px;text-align:center}.bloco3 p{font-size:20px;text-align:center}.contatos{display:flex;margin:7% 0;width:100%}.opcoes-contatos{text-align:center;width:100%}.opcoes-contatos a{border:2px solid #333;border-radius:5px;color:#333;font-size:16px;font-weight:700;letter-spacing:2px;margin:1%;padding:2% 5%;transition:all .5s}.opcoes-contatos a:hover{background-color:#333;color:#f4a460;transition:all .5s}@media screen and (max-width:1710px){.bloco3{padding:5% 15%}.bloco3 p{font-size:18px}}@media screen and (max-width:1366px){.bloco3 p{font-size:16px}}@media screen and (max-width:1080px){.bloco3 p{font-size:15px}}@media screen and (max-width:880px){.opcoes-contatos a{display:block;padding:4% 5%}.contatos{margin:5% 0 7%}.opcoes-contatos a{margin:15px 0 0}}@media screen and (max-width:600px){.bloco3 p{font-size:12px}.opcoes-contatos a{font-size:14px}}@media screen and (max-width:345px){.bloco3 p{font-size:12px}}.footer-box{background-color:#ccccba;padding:3% 15%}.direitos p{color:#222;font-size:19px;letter-spacing:1px;margin-bottom:5px}.direitos a{color:#1200bd;transition:all .5s}@media screen and (max-width:1366px){.direitos p{font-size:15px}}@media screen and (max-width:1260px){.direitos p{font-size:13px}}@media screen and (max-width:880px){.direitos p{font-size:12px}}@media screen and (max-width:600px){.direitos p{font-size:10px;letter-spacing:0}}@media screen and (max-width:430px){.direitos p{font-size:9px}}@media screen and (max-width:390px){.direitos p{font-size:8px}}@media screen and (max-width:345px){.direitos p{font-size:6.5px}}