/* portfolio.css */
body { font-family:'Poppins', sans-serif; margin:0; background:#f9f9f9; color:#111; }
header { display:flex; justify-content:space-between; align-items:center; padding:20px 50px; background:#111; color:white; position:sticky; top:0; }
header .logo { font-weight:700; font-size:24px; }

header nav ul { list-style:none; display:flex; gap:20px; }
header nav ul li a { color:white; text-decoration:none; font-weight:500; padding:5px 10px; }
header nav ul li a.active, header nav ul li a:hover { background:#2196F3; border-radius:5px; }

.portfolio-hero { 
    text-align:center; 
    padding:80px 20px; 
    background: linear-gradient(red, black, green); 
    color:white;
    height: 30px;
}
.portfolio-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:40px; padding:60px 50px; }
.project-card { background:white; padding:20px; border-radius:12px; box-shadow:0 6px 15px rgba(0,0,0,0.1); transition:0.3s; text-align:center; }
.project-card img { width:100%; border-radius:10px; margin-bottom:15px; }
.project-card:hover { transform:translateY(-10px); }

footer { background:#111; color:white; text-align:center; padding:30px; margin-top:50px; }