/* Basic styling for header and links */

body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

header {
    background-color: #333;
    padding: 10px;
    overflow: hidden; /* Ensures floated elements don't collapse the header */
    display: flex;
    justify-content: center; /* Centers the .nav-links horizontally */
}

.container {
    text-align: center; /* Centers all text inside this container */
}

h1 {
    margin: 0; /* Remove default margin if you want it flush with other elements */
    padding: 20px 0; /* Optional: add some space around the heading */
}

.nav-links {
    text-align: center; /* Center the links */
    margin-top: 20px; /* Optional: add some space above the links */
}

.nav-links a {
    color: #000; /* Change the link color to black */
    text-decoration: none; /* Remove underline */
    margin: 0 15px; /* Horizontal spacing between links */
    font-weight: bold; /* Bold text */
}

.nav-links a:hover {
    text-decoration: underline;
}

.container {
    padding: 20px;
}