@charset "utf-8";
/* CSS Document */

	<style>
    body {
      font-family: Arial, sans-serif;
      padding: 40px 20px;
      background-color: #000; /* Black background */
      text-align: center;
    }

    .gallery {
      max-width: 100%;
      max-width: 1200px;
      margin: 0 auto;
    }

    .main-image {
      width: 100%;
      height: auto;
      border-radius: 0; /* Square corners */
      box-shadow: 0 4px 10px rgba(255,255,255,0.1);
    }

		#caption {
			margin-top: 10px;
			line-height: 1.4rem;
			font-size: 1.1rem;    /* Larger text */
			font-style: normal;   /* Remove italic */
			color: #fff;
		}
		
		.thumbnails {
			margin-top: 20px;
			display: flex;
			justify-content: flex-start; /* Align left instead of center */
			gap: 10px;
			flex-wrap: wrap;
		}
		
    .thumbnail {
      width: 30px;
      height: 30px;
      object-fit: cover;
      border: 3px solid transparent;
      cursor: pointer;
      border-radius: 5px;
      transition: border-color 0.3s;
    }

    .thumbnail-lg {
      width: 90px;
      height: 30px;
      object-fit: cover;
      border: 3px solid transparent;
      cursor: pointer;
      border-radius: 5px;
      transition: border-color 0.3s;
    }

    .thumbnail-xl {
      width: 150px;
      height: 30px;
      object-fit: cover;
      border: 3px solid transparent;
      cursor: pointer;
      border-radius: 5px;
      transition: border-color 0.3s;
    }

    .thumbnail.active {
      border-color: #007bff;
    }
/*		.thumbnail-caption {
			margin-top: 15px;
			font-size: 1.1rem;
			color: #ccc;
		}
*/
		#thumbnail-caption {
			margin-top: 15px;
			font-size: 1.2rem;
			color: #ccc;
			font-style: normal;   /* Remove italic */
		}

		.data-caption {
			font-size: 1.2rem;
		}

    /* Responsive: Full width image and reduced padding on smaller screens */
    @media (max-width: 1000px) {
      body {
        padding: 10px 10px; /* Reduced horizontal padding */
      }

      .gallery {
        width: 100%;
      }

      .main-image {
        width: 100%;
      }
    }
</style>