styles.css

body {
    max-width: 980px;
    margin: auto;
    padding: 20px;
    font-family: 'Helvetica Neue', Arial, sans-serif; /* Body text font */
/*     line-height: 1.6; */
    background-color: #ffffff; /* Background color */
    color: #222; /* Font color */
}
header {
    text-align: center;
    font-family: 'Montserrat', sans-serif; /* Main title font */
    font-size: 1em; /* Main title size */
    color: #333; /* Title color */
    margin-bottom: 40px;
}
h2 {
    font-family: 'Montserrat', sans-serif; /* Section title font */
    font-size: 1.8em; /* Section title size */
    color: #444; /* Section title color */
}
h1 {
    font-family: 'Montserrat', sans-serif; /* Main title font */
    font-size: 2.5em; /* Main title size */
    color: #333; /* Title color */
}
p {
    font-size: 1.2em; /* Paragraph text size */
    color: #555; /* Paragraph text color */
}
section {
    margin-bottom: 30px;
}
footer {
    text-align: center;
    font-size: 0.8em;
    text-align: center;
    padding: 20px 0;
    background-color: #f4f4f4; /* Footer background color */
    color: #666; /* Footer text color */
}

 /* Styling the table */
 .gallery-table {
    width: 100%;
    background-color: #f0f0f0; /* Light gray background */
    border-collapse: separate;
    border-spacing: 15px; /* Spacing between cells */
}

.gallery-table td {
    background-color: #fff; /* White background for images */
    padding: 10px;
    border-radius: 10px; /* Rounded corners */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    text-align: center; /* Centering images */
}

.gallery-table img {
    width: 100%;
    max-width: 300px; /* Ensures images fit within cells */
    height: auto;
    border-radius: 8px; /* Rounded corners for images */
}

/* For small screens */
@media (max-width: 768px) {
    .gallery-table td {
        padding: 5px;
    }
}