*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}:root{--background: #000000;--texto: #ffffff;--projeto-text: #000000;--projeto-back: #ffffff}.dark{--background: #ffffff;--texto: #000000;--projeto-text: #ffffff;--projeto-back: #14153f}body{background-color:var(--background);color:var(--texto);opacity:0;animation:fadeIn .8s ease forwards;transition:background-color .4s ease,color .4s ease}nav{color:var(--texto);position:fixed;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:15px;width:100%;transition:background-color .4s ease,color .4s ease}nav button{font-size:23px;background-color:transparent;border:none;cursor:pointer;color:var(--nav-texto);transition:opacity .3s ease}nav button:hover{opacity:.6}nav h1{justify-self:start;text-shadow:2px 2px 5px rgba(0,0,0,.2)}nav div{display:flex;align-items:center;justify-self:end;gap:30px}nav div a{padding:6px;text-decoration:none;color:var(--texto);transition:color .4s ease,transform .3s ease}nav div a:hover{transform:translateY(-3px)}main{padding-top:70px}.imagem{width:100%;border-radius:10px}footer{display:flex;justify-content:center;align-items:center;gap:40px;padding:20px;margin-top:2rem;color:var(--texto);font-size:large;transition:background-color .4s ease,color .4s ease}footer p{display:flex;align-items:center;gap:8px;margin:0;transition:transform .3s ease,color .3s ease}footer p:hover{transform:translateY(-3px)}footer p img{width:20px;height:auto;transition:transform .3s ease;background-color:none}footer p a{text-decoration:none;color:var(--texto);transition:color .3s ease}footer p.copyright{justify-content:center}@keyframes fadeIn{to{opacity:1}}@media (max-width: 455px){nav{padding:10px}nav button{font-size:15px}nav button:hover{opacity:.6}nav h1{justify-self:start;font-size:18px;text-shadow:2px 2px 5px rgba(0,0,0,.2)}nav div{gap:20px}footer{font-size:1%}footer p{font-size:8px}}@media (max-width: 600px){footer{gap:40px;padding:20px;margin-top:2rem;color:var(--texto);font-size:small;transition:background-color .4s ease,color .4s ease}footer p{display:flex;align-items:center;gap:8px;margin:0;transition:transform .3s ease,color .3s ease}footer p:hover{transform:translateY(-3px)}footer p img{width:20px;height:auto;transition:transform .3s ease;background-color:none}footer p a{text-decoration:none;color:var(--texto);transition:color .3s ease}footer p.copyright{justify-content:center}}#projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;padding:2rem 0}.projeto-card{width:100%;background-color:#161616;border:1px solid #333;border-radius:15px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.projeto-card:hover{transform:translateY(-8px);box-shadow:0 10px 30px #00000080;border-color:#555}#projeto-img{width:100%;height:300px;object-fit:cover;border-bottom:1px solid #333}.projeto-info{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.projeto-info h3{color:#fff;font-size:1.4rem;margin-bottom:.8rem}.projeto-info p{color:#b3b3b3;font-size:.95rem;line-height:1.6;margin-bottom:1.2rem}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tags span{background-color:#252525;color:#00d4ff;font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:20px;border:1px solid rgba(0,212,255,.2)}.projeto-links{display:flex;gap:1rem;margin-top:auto}.btn-primary,.btn-outline{flex:1;text-align:center;padding:10px;border-radius:8px;font-size:.9rem;font-weight:600;text-decoration:none;transition:.3s}.btn-primary{background-color:#fff;color:#000}.btn-primary:hover{background-color:#e0e0e0}.btn-outline{border:1px solid #444;color:#fff}.btn-outline:hover{background-color:#222;border-color:#666}#Sobre{display:block;padding:310px}#Sobre div{display:flex;gap:200px}#Sobre h2{font-size:40px}#Sobre b{font-size:large}#Skills{display:block;justify-items:center;font-size:25px;list-style:none}#Skills h1{text-align:center}#Skills ul{list-style:none;padding:0}#button-projects{padding:8px;border-radius:8px;cursor:pointer;background-color:#ff5100;text-decoration:none;color:#fff}#button-projects:hover{background-color:#e24800;transition:transform .7s ease;transform:translateY(-5px)}@media (max-width: 455px){#Sobre{padding:30px;gap:1px}#Sobre a{width:100%}#Sobre #div-sobre{width:100%}#Sobre h2{font-size:9px}#Sobre b{font-size:9px}#Sobre div{display:flex;justify-content:center;align-items:center;gap:20px}.imagem{width:40%;height:40%}}#sec-skills{display:flex;justify-content:center}#skills{display:block;justify-items:center;padding:30px;border:solid 1px;font-size:large;border-radius:8px}.skills-container{display:flex;gap:30px}.skill-box{color:#ff5100;cursor:pointer}.skill-box:hover{color:#b43900;transition:transform .7s ease;transform:translateY(-5px)}#sec-contact{display:flex;justify-content:center}#contato{border:solid 1px;padding:30px;font-size:large;text-align:center;border-radius:8px}.contato-links{display:flex;justify-content:center;align-items:center;gap:30px;text-align:center}a{text-decoration:none;gap:40px;color:#f0f8ff;border-radius:8px;padding:10px}a:hover{transition:transform .3s ease,box-shadow .3s ease;transform:translateY(-5px)}.btn-contato{background-color:#00f}.btn-cv{background-color:brown}