/* global styles */
body {
    background-image: url("image elements/wallpaper.jpg");
    background-repeat: repeat; /*repeat background image*/
}

/* main content container styles*/
.container {
    max-width: 1197px; /* set max width of main container */
    margin: 0 auto; /* horizontally center main container*/
}

/* header styles */
.heading {
    margin-bottom: 0px; 
    margin-top: 24.2px;
}

/* header image styles */
.heading img {
    display: block; /* make the image a block element for centering */
    max-width: 100%; /* limit image width to the container's width */
    margin: auto; /* center the image within the container */
}

/* subheadings styles */
.subheading {
    font-size: 34.2px;
    font-weight: bold;
    font-family: "SimSun", sans-serif;
    margin-bottom: 34.2px; /* add margin at the bottom of the subheadings */
    margin-top: 64.4px; /* add margin at the top of the subheadings */
    color: #D4AF37;
    text-align: center;
    padding: 17.1px; /* add padding around the subheadings, changes width of subheading background */
    background-color: #8B4513; /* set the background color for the subheadings */
    border: 3.8px solid #D4AF37; /* add a border, set its color */
    border-radius: 8px; /* add border-radius to create rounded corners */
}

/* image gallery styles */
.gallery {
    display: grid; /* use grid layout for the gallery */
    grid-template-columns: repeat(3, minmax(239.4px, 0.855fr)); /* set the number of columns and their size */
    grid-gap: 34.2px; /* add gap between gallery items */
    justify-items: center; /* horizontally center-align gallery items */
}

/* landscape gallery images syles */
.gallery .landscape {
    grid-column: span 2; /* make landscape images span 2 columns */
}

/* all gallery images styles */
.gallery img {
    max-width: 100%; /* limit the image width to the container's width */
    max-height: 100%; /* limit the image height to the container's height */
}

/* footer styles */
.footer {
    text-align: center;
    max-width: 1197px;
    margin: 0 auto; /* center the footer horizontally */
    margin-top: 64px; /* add margin at the top of the footer */
    margin-bottom: 64px; /* add margin at the top of the footer */
    background-image: url("image elements/signX.jpg"); /* adds background image for the footer */
    background-position: center; /* center align background image */
    background-size: 1197px auto; /* set background image size */
}

/* content class styles */
.content {
    font-family: "Cambria", serif;
    color: #8B4513;
    max-width: 1000px; /* Set the maximum width for the footer content to 1000px */
    margin: 0 auto; /* horizontally center the footer content within the footer */
    font-size: 21px;
}

/* about section styles */
.about {
    padding-top: 65px; /* add padding above "ABOUT" text */
}

/* contact section styles */
.contact {
    padding-bottom: 65px; /* add padding below "LinkedIn" text */
}