:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif}body{margin:0;padding-top:60px}@media (max-width: 768px){body{margin-top:70px}}.navbar{background-color:#333;color:#fff;padding:0rem;display:flex;justify-content:space-between;align-items:center;transition:color .3s;transition:background-color .3s;position:fixed;top:0;left:0;width:100%;z-index:1000}.navbar.scrolled{background-color:#f5f5f5;color:#333;transition:color .3s;transition:background-color .3s}.navbar .logo{font-size:1.5rem;font-weight:700;padding-left:2rem}.menu-toggle{display:none;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer}.navbar.scrolled .menu-toggle{color:#333}.nav-links{background-color:transparent;list-style:none;display:flex;gap:1.5rem;margin:0}.nav-links a{background-color:transparent;color:#fff;text-decoration:none;transition:color .3s}.navbar.scrolled a{color:#333;transition:color .3s}.nav-links a:hover{color:#00d8ff}.navbar div{width:340px}@media (max-width: 768px){.navbar{display:grid;justify-content:center}.navbar .logo{padding-left:0rem}.menu-toggle{display:block}.nav-links{top:100%;display:grid;text-align:center;padding-top:.5 rem;padding-bottom:2rem;padding-left:0rem;padding-right:0rem}}.header{width:100%;height:auto;margin-top:0;margin-left:0;margin-right:0;padding:1rem;border-radius:8px;justify-content:center;align-items:center;display:flex;flex-direction:column;padding:0rem}.div-top-apresentacao{width:100%;height:210px;background-color:#333;margin-bottom:-65px}.div-apresentacao{width:70%;background-color:transparent}.avatar{width:160px;height:auto;border-radius:16px}.div-avatar{border-radius:10px}.div-conteudo-apresentacao{width:70%}:root{background-color:#f5f5f5}div#root{background-color:#f5f5f5}h1{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;display:block;font-size:2em;margin-block-start:.67em;margin-block-end:.67em;margin-inline-start:0px;margin-inline-end:0px;font-weight:700;unicode-bidi:isolate}.texto{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:1rem;line-height:1.6}div#conhecimentos{justify-content:center;width:100%;display:flex}section#conhecimentos{padding:70px 20px;width:70%}h2#conhecimentos{text-align:center;margin-bottom:20px;font-size:2rem;color:#333}.intro{text-align:left;max-width:800px;font-size:1rem;color:#555;line-height:1.6}h3#conhecimentos{margin:30px 0 20px;color:#222;border-left:5px solid #007acc;padding-left:10px;font-size:1.3rem}.skills-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.skill-card{background:#fff;border-radius:12px;padding:20px;text-align:center;box-shadow:0 4px 8px #0000001a;transition:transform .2s ease}.skill-card:hover{transform:translateY(-5px)}.skill-card img{width:60px;height:60px;object-fit:contain;margin-bottom:15px}.skill-card h4{margin:10px 0;font-size:1.1rem;color:#222}.skill-card p{font-size:.85rem;color:#555}@media (max-width: 768px){div#conhecimentos{margin-top:100px}}div#projetos{background:#f5f5f5;margin:0;padding:0;line-height:1.6;color:#333}section.projetos{width:70%;margin:auto;padding:70px 20px}section.projetos h1{text-align:center;margin-bottom:20px;font-size:2rem;color:#333}section.projetos .intro{text-align:left;font-size:1rem;color:#555;max-width:800px;line-height:1.6}article.projeto{margin-bottom:40px;padding-bottom:25px;border-bottom:1px solid #eee}article.projeto h3{font-size:1.4em;margin-bottom:10px;color:#444;font-weight:600}article.projeto p{font-size:1em;color:#444;margin:0}@media (max-width: 768px){div#projetos{margin-top:100px}}div#contato{background:#f5f5f5;margin:0;padding:0;color:#333}section.contato{padding:70px 20px;width:70%;margin:auto}section.contato h1{text-align:center;margin-bottom:20px;font-size:2rem;color:#333}section.contato .descricao{text-align:center;margin-bottom:40px;font-size:1rem;color:#555}.contato-info ul{list-style:none;padding:0;margin:0 auto 40px;max-width:500px}.contato-info li{display:flex;align-items:center;margin-bottom:15px;font-size:1rem}.contato-info i{font-size:1.2rem;margin-right:10px;color:#0077b6}.contato-info a{text-decoration:none;color:#0077b6;transition:color .3s}.contato-info a:hover{color:#005f87}.contato-form{max-width:500px;margin:0 auto}.form-group{display:flex;flex-direction:column;margin-bottom:15px}.form-group label{font-weight:600;margin-bottom:5px}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:8px}.btn-enviar{padding:14px 20px;background:#0077b6;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .3s}.btn-enviar:hover{background:#005f87}.status{margin-top:15px;font-weight:600}.status.sucesso{color:green}.status.erro{color:red}.contato-links{list-style:none;padding:0;margin:0 auto 40px;max-width:500px}.contato-links li{display:flex;align-items:center;gap:10px;margin-bottom:15px;font-size:1rem}.contato-links svg{flex-shrink:0;color:#0077b6}.contato-links a{text-decoration:none;color:#0077b6;transition:color .3s}.contato-links a:hover{color:#005f87}@media (max-width: 768px){div#contato{margin-top:100px}}