.nav-links { list-style: none; margin: 0; padding: 0; display: flex; }
.nav-links li { margin-left: 1rem; }
.blog-posts { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; }
.blog-post { 
  padding: 1rem; 
  background: #fff; 
  border-radius: 4px; 
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); 
  transition: transform 0.3s, box-shadow 0.3s; 
}
.blog-post:hover { 
  transform: scale(1.02); 
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); 
}
.blog-title { font-size: 2rem; margin: 1rem 0; }
@media (max-width: 768px) {
  .nav-links { flex-direction: column; position: absolute; top: 60px; left: 0; background: #0f1c33; width: 100%; }
  .nav-links li { margin: 0; padding: 0.5rem 1rem; }
}
    body { 
      background-color: #f1f3f5; 
      min-height: 100vh; 
      display: flex; 
      flex-direction: column; 
    }
    .content { flex: 1; }
    .navbar, footer { background-color: #1a2a44; }
    .blog-header { 
      background-color: #f8f9fa; 
      padding: 20px; 
      border-radius: 4px; 
      margin-bottom: 20px; 
    }
    .blog-image { 
      width: 100%; 
      max-height: 400px; 
      object-fit: cover; 
      border-radius: 4px; 
    }
    .blog-content { 
      background-color: #fff; 
      padding: 20px; 
      border-radius: 4px; 
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); 
    }