/* Custom styles for the navbar */
.navbar-brand {
    font-size: 1.5em;
    font-weight: bold;
}

.navbar-nav .nav-link {
    padding: 0.5rem 1rem;
}

/* Add specific styles for the dropdown menu */
.navbar-nav .nav-item.dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-menu {
    background-color: #343a40; /* Dark background color for the dropdown menu */
}

.dropdown-item {
    color: #ffffff; /* Text color for dropdown items */
}

/* Custom styles for the container */
.container {
    margin-top: 20px;
}

/* Additional styles for authenticated users */
/* You can add more styles here based on your requirements */
{% if user.is_authenticated %}
body {
    background-color: #f8f9fa; /* Light background color for authenticated users */
}
{% endif %}