body {
      font-family: Arial, sans-serif;
      background-color: #e0c0c0;
      padding: 20px;
    }

    h1 {
      text-align: center;
    }
    .gallery {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
      gap: 20px;
      max-width: 1000px;
      margin: 0 auto;
    }

    .gallery a {
      text-decoration: none;
      color: black;
      text-align: center;
      display: block;
    }

    .gallery img {
      width: 100%;
      height: auto;
      border-radius: 8px;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }

    .caption {
      margin-top: 8px;
      font-size: 0.95em;
    }

    footer {
      margin-top: 60px;
      text-align: center;
      font-size: 0.8em;
      color: #777;
    }