body {
  font-family: verdana;
  font-size: 0.8em;
  margin: 0;
  padding: 0;
}

/* New: Yellow container that sits over the background */
.container-yellow {
  background-color: #FFFFFF; /* White */
  max-width: 800px;          /* Width of your content box */
  margin: 40px auto;         /* Centers it horizontally with top margin */
  padding: 20px;
  border-radius: 10px;       /* Optional: rounded corners */
  box-shadow: 0 4px 15px rgba(0,0,0,0.2); /* Optional: shadow to make it pop */
  min-height: 80vh;          /* Ensures it covers most of the page height */
}

nav {
    background-color: #FFFFE0 !important; /* Light Yellow */
    padding: 15px !important;
    border-radius: 8px;
    margin-bottom: 25px;
    display: flex;
    justify-content: center;
    border: 1px solid #ddd; /* Subtle border to see the edges */
}

/* Ensure the list items don't have their own backgrounds */
nav a {
    text-decoration: none;
    font-weight: bold;
    color: steelblue;
    margin: 0 15px;
}

nav a:hover {
    color: red;
    text-decoration: underline;
}

a {
            cursor: pointer;
            color: steelblue;
        }

        nav ul li {
            display: inline;
            padding: 5px;
        }

        a:hover {
            color: red;
            text-decoration: underline;
        }

        nav, section, article {
            margin: 5px;
            padding: 8px;
        }

        header {
            background-color: #328db5;
        }

        #headerDescription {
            margin: 5px;
            padding: 8px;
            ;
            margin-top: 0;
            color: white;
        }

        #content {
            margin-left: 5px;
            margin-right: 5px;
            text-align: justify;
        }