@import"https://fonts.googleapis.com/css2?family=Cal+Sans&display=swap";@import"https://fonts.googleapis.com/css2?family=Cascadia+Mono:wght@300&display=swap";.cal-sans-regular{font-family:Cal Sans,sans-serif;font-weight:400;font-style:normal}html,body{margin:0;padding:0;box-sizing:border-box}h1,h2{font-family:Cal Sans,sans-serif}p,Label{font-family:Cascadia Mono,sans-serif}.header{display:flex;flex-direction:row;justify-content:space-around;position:sticky;top:0;background-color:#000}.header-links{display:flex;flex-direction:row;align-items:center;gap:20px}.header-links button{all:unset;cursor:pointer;color:#fff}.header-contanto{color:purple}.header-portfolio{text-decoration:none;color:#fff}@media (max-width: 700px){.header-links{display:none}}.introducao{margin:0;padding:0;display:flex;width:800px}.introducao-imagem{border-radius:10px}@media (max-width: 810px){.introducao{flex-direction:column-reverse;justify-content:center;align-items:center;width:auto}.introducao-imagem{width:210px}.introducao-text{text-align:center;width:auto}}.sobre{display:flex;flex-direction:column;width:800px}.sobre-fullstack,.sobre-analise-dados,.sobre-games{display:flex;flex-direction:row}@media (max-width: 810px){.sobre{align-items:center;width:auto;padding:2px}.sobre-fullstack{text-align:center;width:auto;flex-direction:column-reverse;justify-content:center;align-items:center}.sobre-analise-dados,.sobre-games{text-align:center;width:auto;flex-direction:column-reverse;align-items:center}.sobre-fullstack img,.sobre-analise-dados img,.sobre-games img{height:100px;width:100px}}.cascadia-mono{font-family:Cascadia Mono,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal}.skills{display:flex;flex-direction:column;flex-wrap:wrap}.skills-icon{display:flex;justify-content:center;gap:16px;width:800px;flex-wrap:wrap;border-style:dotted;border-width:2px;padding:20px}.nomes{font-family:Cascadia Mono,sans-serif;text-align:center;opacity:0;transition:opacity .6s ease}.skill-container:hover .nomes{opacity:1}@media (max-width:810px){.skills{align-items:center}.skills-images{height:70px}.skills-icon{width:auto}}.projetos{width:800px;display:flex;flex-direction:column}a{text-decoration:none;color:brown}@media (max-width:810px){.projetos{align-items:center;width:auto;padding:2px}.projetos-container{width:auto;display:flex;flex-direction:column;align-items:center;text-align:center}}.links{display:flex;flex-direction:column;flex-wrap:wrap}.links-icon{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;width:800px}.redes-container p{text-align:center;opacity:0;transition:opacity .6s ease}.redes-container a{color:#000;text-decoration:none}.redes-container:hover p{opacity:1}@media (max-width:810px){.links{align-items:center;width:auto}.links-icon{gap:7px;width:auto}.links-images{height:70px}}.geral{display:flex;flex-direction:column;align-items:center;gap:40px}.footer{text-align:center}.scroll-top{position:fixed;bottom:40px;right:40px;padding:10px 15px;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s;border-radius:15px;font-size:20px}.scroll-top.show{opacity:1;visibility:visible}@media (max-width: 810px){.scroll-top.show{display:none}}.app{display:flex;flex-direction:column;justify-content:center;gap:30px}.email{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.form{width:300px;display:flex;flex-direction:column;gap:10px}.form-email,.form-name{height:25px}.form-message{outline:none;resize:none;height:100px}.botao{height:35px}.contato{height:100vh;display:grid;grid-template-rows:.2fr 2.7fr .2fr;grid-template-areas:"header" "email" "footer";grid-gap:.2rem}.header{grid-area:header}.email{grid-area:email}.footer{grid-area:footer}