
  
  .content {
    max-width: 800px;
    margin: 2rem auto;
    padding: 0 1rem;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0,0,0,0.05);
  }
  
  .content h2 {
    color: #136f5f;
    font-size: 2rem;
    margin-bottom: 1rem;
    text-align: center;
  }
  
  .content h3 {
    color: #1b9f88;
    margin-top: 2rem;
  }
  
  
  
  /* Responsive */
  @media (max-width: 768px) {
    header {
      flex-direction: column;
      align-items: flex-start;
    }
  
    .nav-links {
      flex-direction: column;
      gap: 1rem;
      margin-top: 1rem;
    }
  
    .content h2 {
      font-size: 1.5rem;
    }
  
    .content {
      padding: 1rem;
      margin: 1rem;
    }
  }
  