/* css/navbar.css */
.navbar {
    background-color: #343a40; /* Dark background */
    color: #f8f9fa !important; /* Lighter text color */
    position: fixed; /* Fix the navbar at the top */
    width: 100%; /* Ensure the navbar spans the full width */
    top: 0; /* Align the navbar to the top of the page */
    z-index: 1000; /* Ensure the navbar stays on top of other content */
    padding-top: 0; /* Adjust the padding to account for the fixed navbar height */
    padding-bottom: 0;
    min-height: 56px; /* Standard Bootstrap height */
}
.navbar .nav-link {
    color: #f8f9fa !important; /* Lighter text color */
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    line-height: 1.5;
}

.navbar .nav-link:hover {
    color: #ffcc00 !important; /* Easier to see hover color */
}

.navbar .navbar-brand {
    color: #ffcc00 !important; /* Brand name color */
}

.navbar .navbar-brand:hover {
    color: #ffd700 !important; /* Brand name hover color */
}
header {
    margin-top: 0; /* Remove any negative margin */
}
body {
    padding-top: 56px; /* Adjust if your navbar is taller/shorter */
}