body {
            font-family: sans-serif;
            margin: 0;
            line-height: 1.6;
            background-color: bisque;
        }
        
        .container {
            max-width: 800px;
            margin: 0 auto;
            background-color: white;
        }
        
        h1 {
            font-family: serif;
            font-variant: small-caps;
            text-wrap: balance; 
            color: rgb(117, 31, 31);
            text-align: center;
        }
        
        h2 {
            font-family: serif;
            padding-left: 20px;
            color: gray;
        }
        
        p {
            margin: 1em 0;
            padding-left: 20px;
            padding-right: 2em;
        }
        
        img {
            max-width: 100%;
            height: auto;
            border: 1px solid black;
            display: block;
            margin: 1em auto;
        }

        .flex-container {
            display: flex;
            gap: 10px;
            margin: 1em 0;
        }
        
        .flex-container img {
            flex: 1;
            max-width: calc(50% - 16px);
            margin-left: 6px;
            margin-right: 2px;
        }
        
        footer {
            border: 2px solid rgb(33, 119, 47);
            padding: 15px;
            margin-top: 2em;
        }
        
        ul {
            margin: 0.5em 0;
        }

         .popup-overlay {
      position: fixed;
      inset: 0;
      background: rgba(0, 0, 0, 0.5);
      display: none;             /* Hidden by default */
      align-items: center;       /* Center popup vertically */
      justify-content: center;   /* Center popup horizontally */
      margin-left: 30px;
    }

    /* The popup box */
    .popup {
      background: #fff;
      padding: 20px;
      margin-left: 30px;
      border-radius: 6px;
      max-width: 300px;
      width: 100%;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
      text-align: center;
    }

    .popup button {
      margin-top: 15px;
           padding: 8px 16px;
      border: none;
      background: #007bff;
      color: #fff;
      border-radius: 4px;
      cursor: pointer;
    }

    .popup button:hover {
      background: #0056b3;}