/* CSS file to control the formatting for all pages */

/* 1. Center the main page header (h1) */
h1,h2,h3,p {
    text-align: center; /* Centers the text horizontally */
}

/* 2. Center and evenly space the site navigation (nav) */
nav {
    display: flex;                   /* Enables Flexbox layout */
    justify-content: space-around;  /* Spreads links evenly across the top */
    background-color: #ddd;         /* Optional: adds background to nav */
    padding: 15px 0;                /* Optional: adds spacing above/below links */
}


/* 3. Center the footer information (footer) */
footer {
    text-align: center; /* Centers the footer text horizontally */
}

/* 4. Body rule that applies general formatting */
body {
    background-color: #f0f0f0; /* Light gray background color */
    color: #333333; /* Dark gray text color */
    font-family: 'Arial', sans-serif; /* Sets the font family to Arial, fallback to sans-serif */
    margin: 10px; /* 10px margin around the entire page */
}