.navbar{display:flex;justify-content:space-between;align-items:center;padding:15px 0;background-color:#fff;box-shadow:0 4px 8px #0000001a;position:sticky;top:0;z-index:100}.dark-mode-button{width:65px;height:30px;border-radius:20px;padding:20px 0;margin:0 20px;border:none;background-color:#f0f0f0;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;transition:background .3s}.dark-mode-button .icon{color:#333;font-size:1.2rem;transition:transform .3s}.dark-mode-button.active .icon{transform:rotate(360deg)}.dark-mode-button:hover{background-color:#ddd}body.dark-mode{background-color:#121212;color:#f5f5f5}body.dark-mode .dark-mode-button{background-color:#333}body.dark-mode .dark-mode-button .icon{color:#f5f5f5}body.dark-mode .dark-mode-button:hover{background-color:#444}.perfil{text-align:center;padding:20px}.perfil-foto{width:120px;height:120px;border-radius:50%}.perfil-name{font-size:1.8rem;color:#333;margin:15px 0}.perfil-descricao{font-size:1rem;color:#666;margin-bottom:30px}.perfil-redes{display:flex;justify-content:center;gap:20px;margin:20px 0}.icon-linkedin-box{width:50px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:10px;background-color:#f0f0f0;box-shadow:0 2px 5px #666}.icon-linkedin{font-size:2rem;color:#0077b5;transition:transform .5 ease,color .5 ease}.icon-linkedin:hover{transform:scale(1.1);color:#4eb2e8}.icon-github-box{width:50px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:10px;background-color:#f0f0f0;box-shadow:0 2px 5px #666}.icon-github{font-size:2rem;color:#111;transition:transform .5 ease,color .5 ease}.icon-github:hover{transform:scale(1.1);color:#585454}.icon-instagram-box{width:50px;height:50px;display:flex;justify-content:center;align-items:center;border-radius:10px;background-color:#f0f0f0;box-shadow:0 2px 5px #666;color:#bc2a8d}.icon-instagram{font-size:2rem;color:#bc2a8d;transition:transform .5 ease,color .5 ease}.icon-instagram:hover{transform:scale(1.1);color:#eb95d0}.info-contato{display:flex;flex-direction:column;gap:15px;background:#fff;padding:15px;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:0%}.contato-item{display:flex;align-items:center;gap:10px;border-bottom:1px solid #bdbbbb}.icon-box{width:45px;height:45px;display:flex;justify-content:center;align-items:center;border-radius:12px;background-color:#e0e0e0;box-shadow:0 2px 5px #322e2e1a}#icon-phone{font-size:1.5rem;color:#e93b81}#icon-email{font-size:1.5rem;color:#6ab5b9}#icon-pin{font-size:1.5rem;color:#c17ceb}.contato-texto{justify-content:start;gap:1rem;padding:1px;margin-bottom:.8rem}.contato-texto h3{margin:0;font-size:.8rem;margin-bottom:.5rem;color:#333;text-align:left}.contato-texto p{margin:0;font-weight:700;font-size:13px;color:#666;text-align:left}.sobre{max-width:800px;margin:40px auto;padding:20px;background-color:#fff;border-radius:12px;box-shadow:0 6px 15px #0000001a;text-align:left;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.sobre h1{font-size:2.8rem;color:#333;margin-bottom:10px}.sobre h2{font-size:1.8rem;color:#555;margin-bottom:20px}.sobre p{font-size:1rem;color:#666;line-height:1.6;margin-bottom:15px}.sobre strong{color:#333}.sobre em{font-style:italic;color:#444}@media (max-width: 768px){.sobre{padding:15px;margin:20px 10px}.sobre h1{font-size:2rem}.sobre h2{font-size:1.4rem}}html,body{margin:0;padding:0;height:100%;width:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f5f5;color:#333}.layout{display:flex;flex-direction:column;align-items:center;width:100%;min-height:100vh;background-color:#f5f5f5;box-sizing:border-box}.portfolioName{width:100%;margin-bottom:50px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:4rem;color:#333}.conteines{display:flex;width:100%;max-width:1300px;gap:35px;box-sizing:border-box}.conteines>*{background:#fff;color:#333;border-radius:10px;padding:20px;box-shadow:0 4px 8px #0000001a}.conteines>:first-child{flex:0 0 30%}.conteines>:last-child{flex:1}@media (max-width: 768px){.conteines{flex-direction:column}.conteines>:first-child,.conteines>:last-child{flex:1}}.navbar{background-color:#7b7b7b;box-shadow:0 4px 8px #0000001a;width:100%}body.dark-mode{background-color:#121212;color:#c40000}body.dark-mode .navbar{background-color:#1e1e1e;box-shadow:0 4px 8px #00000080}body.dark-mode .conteines>*{background-color:#1c1c1c;color:#4d4343;box-shadow:0 4px 12px #00000080}body.dark-mode .info-contato,body.dark-mode .sobre,body.dark-mode .layout{background-color:#424242}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode p{color:#c4c1c1}body.dark-mode a{color:#4da6ff}