html, body {
    height: 100%; /* Ensure html and body take full height */
    margin: 0; /* Ensure no default margin */
    padding: 0; /* Ensure no default padding */
    font-family: Arial, sans-serif;
}

#sidebar {
    height: 100%; /* Ensure sidebar takes full height */
    position: fixed;
    width: 250px; /* Added width to ensure proper layout */
    background-color: #555; /* Added background color for visibility */
}

/* Adjust main content to the right of the sidebar */
main {
    margin-left: 250px;
    padding: 20px; /* Added padding for better content spacing */
}

.sidebar .nav-link {
    padding: 15px 20px;
    transition: background 0.3s;
}

.sidebar .nav-link:hover {
    background-color: #555;
}

.centered-header {
    display: flex;
    background-color: #e0e0e0;
    padding: 10px; /* Adjusted padding for better spacing */
    justify-content: center;
    align-items: center;
    margin: auto;
    font-weight: bold;
    font-size: 24px;
}