@import"https://fonts.googleapis.com/css2?family=Russo+One&display=swap";*{color:#d8e3f2;margin:0;padding:0;list-style:none;text-decoration:none;font-size:10px;font-family:Russo One,sans;font-weight:400;scroll-behavior:smooth}@media screen and (min-width: 1801px){body,html{font-size:.8vw}}@media screen and (max-width: 1800px){body,html{font-size:10px}}@media screen and (max-width: 1200px){body,html{font-size:.95vw}}@media screen and (max-width: 900px){body,html{font-size:1vw}}@media screen and (max-width: 600px){body,html{font-size:1.7vw}}@media screen and (max-width: 300px){body,html{font-size:1.7vw}}html ::-webkit-scrollbar,body ::-webkit-scrollbar{width:.6rem}html ::-ms-scrollbar,body ::-ms-scrollbar{width:.6rem}html ::-moz-scrollbar,body ::-moz-scrollbar{width:.6rem}html ::-webkit-scrollbar-track,body ::-webkit-scrollbar-track{background-color:#181240}html ::-moz-scrollbar-track,body ::-moz-scrollbar-track{background-color:#181240}html ::-ms-scrollbar-track,body ::-ms-scrollbar-track{background-color:#181240}html ::-webkit-scrollbar-thumb,body ::-webkit-scrollbar-thumb{background-color:#3b26bf;border-radius:.35rem}html ::-moz-scrollbar-thumb,body ::-moz-scrollbar-thumb{background-color:#3b26bf;border-radius:.35rem}html ::-ms-scrollbar-thumb,body ::-ms-scrollbar-thumb{background-color:#3b26bf;border-radius:.35rem}body{background-color:#030515;background-image:url(../img/background.png);background-size:auto;width:100%}main{display:flex;flex-direction:column;gap:9.6rem;padding:0 8rem 8rem}@media screen and (max-width: 900px){main{padding:0 3.5rem 8rem}}@media screen and (max-width: 600px){main{padding:0 2em 8rem}}.menu{position:fixed;top:2.4rem;left:50%;transform:translate(-50%);z-index:10}.menu.menu--mobile{top:5.2rem;left:auto;right:5.2rem;transform:scale(1.75) translate(0)}.menu.menu--mobile.menu--aberto .ancoras{transform:translate(0)}.menu.menu--mobile.menu--aberto .btn-menu span{width:3.5rem;position:absolute}.menu.menu--mobile.menu--aberto .btn-menu span:nth-child(1){transform:rotate(45deg)}.menu.menu--mobile.menu--aberto .btn-menu span:nth-child(2){display:none}.menu.menu--mobile.menu--aberto .btn-menu span:nth-child(3){transform:rotate(-45deg)}.menu.menu--mobile .ancoras{background-color:#050a26fa;flex-direction:column;align-items:end;gap:2.4rem;position:absolute;top:6.4rem;right:0;transform:translate(150%);padding:3.2rem;opacity:1;transition:all .5s}.menu.menu--mobile .ancoras a{font-size:2.4rem}.menu.menu--mobile .btn-menu{display:grid}.menu .ancoras,.menu .btn-menu{background-color:#050a26d9;border:.2rem solid #26488C;border-radius:.8rem}.menu .ancoras{display:flex;gap:7.2rem;padding:1.6rem 7.2rem;opacity:.5;transition:all .25s}.menu .ancoras:hover{opacity:1}.menu .ancoras a{color:#9ea1a6;font-size:1.6rem}.menu .ancoras a:hover{color:#d8e3f2;text-decoration:underline}.menu .btn-menu{background-color:#050a26d9;width:5.2rem;height:5.2rem;display:none;justify-items:center;align-items:center;position:relative;padding:1rem 0;cursor:pointer}.menu .btn-menu span{background-color:#9ea1a6;width:3rem;height:.5rem;position:relative;border-radius:.5rem;transition:all .5s}.scroll-para-o-topo{width:2rem;height:2rem;position:fixed;bottom:1.5rem;right:1.5rem;padding:1.2rem;border-radius:50%;transition:all .3s;cursor:pointer;z-index:10}.scroll-para-o-topo:hover{background-color:#142b59}.scroll-para-o-topo img{width:100%;height:100%}@media screen and (max-width: 600px){.scroll-para-o-topo{bottom:6.4rem;right:4.8rem;transform:scale(1.5)}}.apresentacao .conteudo h1,.apresentacao .conteudo p>span{background:-webkit-linear-gradient(45deg,#142B59 53%,#26488C 91%);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:1rem transparent}.apresentacao{height:100vh;display:grid;justify-items:center;align-items:center}.apresentacao .conteudo{display:grid;justify-items:center;gap:2.4rem;position:relative;padding:0 3.2rem;animation:deslizar-para-cima 1.25s ease-out;font-size:1rem;text-align:center}.apresentacao .conteudo h1{font-size:8rem;letter-spacing:1rem}.apresentacao .conteudo p,.apresentacao .conteudo span{font-size:2.4rem}.apresentacao .conteudo span{content:"Desenvolvedor frontend";padding:0 .5rem;-webkit-text-stroke:.6rem transparent!important;white-space:nowrap}.apresentacao .conteudo p{display:flex;align-items:center;letter-spacing:.5rem;flex-wrap:wrap;justify-content:center}.apresentacao .redes-sociais{background-color:#050a26d9;position:absolute;left:8rem;border:.2rem solid #26488C;border-radius:.8rem;animation:deslizar-para-direita 1.25s ease-out}@media screen and (max-width: 900px){.apresentacao{padding:0 1.6rem;gap:6.4rem}.apresentacao .conteudo{padding:0}.apresentacao .redes-sociais{flex-direction:row;bottom:4.2rem;left:50%;transform:translate(-50%)}}@keyframes deslizar-para-cima{0%{bottom:-35rem;opacity:0}60%{opacity:.3}to{bottom:0rem;opacity:1}}@keyframes deslizar-para-direita{0%{left:-35rem;opacity:0}60%{opacity:.3}to{left:6.4rem;opacity:1}}.redes-sociais{width:max-content;height:max-content;display:flex;flex-direction:column;gap:2.4rem;padding:1.2rem}.redes-sociais .rede{width:100%;height:100%;transition:all .3s}.redes-sociais .rede:hover{transform:scale(1.1)}.redes-sociais .rede img{width:4.2rem;height:4.2rem}.projetos .conteudo{display:flex;justify-content:center;flex-wrap:wrap;gap:2.6rem}@media screen and (max-width: 600px){.projetos .conteudo{gap:3.4rem}}.titulo{margin:3.2rem 0 6.4rem}.titulo h2{font-size:3.2rem;letter-spacing:.5rem}.titulo hr{background-image:linear-gradient(45deg,#142b59 53%,#26488c 91%);width:100%;height:.2rem;margin-top:.8rem;border:none}@media screen and (max-width: 900px){.titulo h2{font-size:4.5rem}}.card-projeto{background-color:#050a26d9;border:.2rem solid #26488C;border-radius:.6rem}.card-projeto{width:34.8rem;height:auto;display:grid;grid-template-rows:max-content max-content auto max-content max-content;gap:.8rem;padding:1.4rem;box-sizing:border-box;text-align:center}.card-projeto p,.card-projeto h3,.card-projeto a{letter-spacing:.1rem}.card-projeto .img-projeto{background-color:#181240;width:32rem;height:17rem;border-radius:.4rem;overflow:hidden;cursor:pointer}.card-projeto .img-projeto:hover img{transform:scale(1.1)}.card-projeto .img-projeto img{width:100%;height:100%;object-fit:cover;transition:all .25s}.card-projeto h3{font-size:2rem;margin:0}.card-projeto p{color:#9ea1a6;font-size:1.4rem;text-align:left;text-indent:1rem}.card-projeto .tecnologias{display:flex;justify-content:center;gap:.8rem;padding:.8rem 0}.card-projeto .tecnologias .card-tecnologia{width:3.2rem;height:3.2rem;display:grid;align-items:center;box-sizing:border-box}.card-projeto .tecnologias .card-tecnologia img{width:100%}.card-projeto .btns{display:flex;justify-content:space-between}.card-projeto .btns.btns--um-btn a{width:100%}.card-projeto .btns a{background-color:#3b26bf;width:15.2rem;height:4.4rem;display:grid;align-content:center;justify-content:center;position:relative;border-radius:.4rem;overflow:hidden}.card-projeto .btns a p,.card-projeto .btns a .background{transition:all .3s}.card-projeto .btns a p{color:#d8e3f2;text-indent:0;z-index:1;font-size:1.6rem}.card-projeto .btns a .background{background-color:#4f33ff;width:0%;height:100%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.card-projeto .btns a:hover .background{width:100%}@media screen and (max-width: 900px){.card-projeto{width:45rem;gap:2rem}.card-projeto .tecnologias .card-tecnologia{width:4.2rem;height:4.2rem}.card-projeto h3{font-size:3rem}.card-projeto p{font-size:2.4rem}.card-projeto .btns a{width:20rem;height:6rem}.card-projeto .btns a p{font-size:2.4rem}.card-projeto .img-projeto{width:42rem;height:22rem}}.habilidades .conteudo .card-tecnologia span,.habilidades .conteudo .card-tecnologia,.habilidades .conteudo{background-color:#050a26d9;border:.2rem solid #26488C;border-radius:.6rem}.habilidades .conteudo{display:flex;flex-wrap:wrap;gap:1.6rem;justify-content:center;padding:3.2rem 2rem}.habilidades .conteudo .card-tecnologia{background-color:#181240;width:max-content;height:max-content;display:flex;justify-content:center;align-items:center;gap:1rem;position:relative;padding:.5rem 1rem;transition:all .3s;cursor:pointer}.habilidades .conteudo .card-tecnologia:hover{background-color:#142b59}.habilidades .conteudo .card-tecnologia:hover span{display:block}.habilidades .conteudo .card-tecnologia img{width:3.2rem;height:3.2rem}.habilidades .conteudo .card-tecnologia p{font-size:1.6rem}.habilidades .conteudo .card-tecnologia span{width:max-content;display:none;position:absolute;top:-4rem;padding:1rem 2rem;font-size:1.6rem;letter-spacing:.1rem;z-index:5}@media screen and (max-width: 600px){.habilidades .conteudo .card-tecnologia:hover{background-color:#181240}.habilidades .conteudo .card-tecnologia:hover span{display:none}.habilidades .conteudo .card-tecnologia img{width:4.8rem;height:4.8rem}.habilidades .conteudo .card-tecnologia p{font-size:2.4rem}}.sobre .conteudo .resumo,.sobre .conteudo .perfil .informacoes img,.sobre .conteudo .perfil{background-color:#050a26d9;border:.2rem solid #26488C;border-radius:.6rem}.sobre{width:100%}.sobre .conteudo{width:100%;display:grid;grid-template-columns:max-content 1fr;gap:2.6rem}.sobre .conteudo .perfil,.sobre .conteudo .resumo{padding:3.2rem 2.4rem;box-sizing:border-box}.sobre .conteudo .perfil{display:grid;align-content:space-between}.sobre .conteudo .perfil .informacoes{text-align:center}.sobre .conteudo .perfil .informacoes img{width:15rem;height:15rem}.sobre .conteudo .perfil .informacoes ul{display:grid;gap:1.6rem;padding:1.6rem 0}.sobre .conteudo .perfil .informacoes ul li,.sobre .conteudo .perfil .informacoes ul span{font-size:1.4rem;letter-spacing:.1rem}.sobre .conteudo .perfil .informacoes ul li{display:flex;align-items:center;gap:.5rem}.sobre .conteudo .perfil .informacoes ul li:before{content:"";background-color:#d8e3f2;width:.5rem;height:.5rem;display:block;border-radius:50%;margin-right:.5rem}.sobre .conteudo .perfil .redes-sociais{height:100%;flex-direction:row;justify-content:space-between;padding:0}.sobre .conteudo .perfil .redes-sociais .rede{height:max-content}.sobre .conteudo .resumo{width:100%}.sobre .conteudo .resumo p,.sobre .conteudo .resumo strong{color:#9ea1a6;width:100%;margin-bottom:1.5rem;font-size:1.6rem;line-height:2.5rem;text-indent:1rem;letter-spacing:.2rem}.sobre .conteudo .resumo strong{color:#8f7ff2}@media screen and (max-width: 600px){.sobre .conteudo{grid-template-columns:1fr}.sobre .conteudo .perfil{display:flex;justify-content:space-between}.sobre .conteudo .perfil .informacoes{display:flex;gap:2rem}.sobre .conteudo .perfil .informacoes ul li,.sobre .conteudo .perfil .informacoes ul span{font-size:1.8rem}.sobre .conteudo .perfil .redes-sociais{flex-direction:column;gap:0}.sobre .conteudo .resumo p,.sobre .conteudo .resumo strong{font-size:2rem}}footer{background-color:#000308;width:100%;padding:3.8rem;box-sizing:border-box}footer p{color:#9ea1a6;width:max-content;margin:0 auto;font-size:1.6rem;letter-spacing:.25rem}