/* CSS styling rules for html content */
 
      /* ===== Header Section Styling ===== */
      header {
        background-color: #2e5339; /* Dark green background */
        color: white; /* White text */
        text-align: center; /* Center text */
        padding: 20px; /* Space inside header */
      }

      /* Headings font style */
      h1,
      h2 {
        font-family: "Playfair Display", serif;
      }

      /* ===== Section Styling ===== */
      section {
        padding: 20px; /* Space inside sections */
        margin: 10px; /* Space between sections */
      }

      /* ===== Grid Layout for Two Columns ===== */
      .container {
        display: grid; /* Enables grid layout */
        grid-template-columns: 1fr 1fr; /* Two equal columns */
        gap: 20px; /* Space between columns */
      }

      /* ===== Footer Styling ===== */
      footer {
        background-color: #2e5339; /* Match header color */
        color: white;
        text-align: center;
        padding: 10px;
      }

      /* ===== Link Styling ===== */
      a {
        color: #e76f51; /* Accent color for links */
      }