@import url('style.css');

.blog-list {
    display: grid;
    gap: 1.25rem;
    margin-top: 1.5rem;
  }
  
  blog-card {
    display: block;
    background: var(--card);
    padding: 1rem;
    width: 400px;
    border-radius: 10px;
    box-shadow: var(--box-shadow);
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  

  
  blog-card h2 {
    font-size: 1.2rem;
    margin: 0.4rem 0;
    font-weight: 600;
  }
  
  blog-card p {
    margin: 0.3rem 0;
    font-size: 0.95rem;
    color: var(--muted);
  }
  
  blog-card img {
    margin-left: auto;
    margin-right: auto;
  }
  
  .blog-date {
    font-size: 0.85rem;
    color: var(--muted);
  }