/* Apply light tan background color to the body */
body {
    background-color: #e0daca; /* Light tan */
    margin: 0; /* Remove default body margin */
    font-family: Courier Thin, monospace; /* Set default font family */
}

/* Style the header */
header {
    background-color: #e0daca; /* Dark background color */
    color: #333333; /* Text color */
    padding: 20px; /* Padding around the header */
    text-align: center; /* Center align text */
}

/* Style the spotlight image */
.spotlight img {
    display: block; /* Ensure image takes up full width */
    max-width: 50%; /* Limit image width to container width */
    height: auto; /* Maintain aspect ratio */
    margin: 0 auto; /* Center image horizontally */
}

/* Style the navigation links */
nav {
    background-color: #e0daca; /* Dark background color */
    text-align: center; /* Center align links */
    padding: 10px 10px; /* Padding above and below links */
}

nav a {
    color: #333333; /* Text color */
    text-decoration: none; /* Remove underline */
    margin: 0 20px; /* Add spacing between links */
    font-size: 18px; /* Set font size */
}

/* Media query for screens smaller than 600px */
@media only screen and (max-width: 600px) {
    /* Center align the navigation links */
    nav {
        padding: 10px 10px; /* Adjust padding */
    }

    nav a {
        margin: 10px 10px; /* Adjust link margin */
    }
}