/* Add styles for logout and dashboard buttons */
nav .logout form button,
nav .dashboard a.button {
    padding: 10px 20px;
    font-size: 16px;
    border: none;
    background: #dfdcdc;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block; 
}

/* Add hover styles for logout and dashboard buttons */
nav .logout form button:hover,
nav .dashboard a.button:hover {
    color: #fff;
    background: #0f2182;
}

/* Style for the container */
.logout-dashboard {
    display: flex; /* Use flexbox to make the children elements flex items */
    align-items: center;
}

/* Style for the dropdown button */
.dropdown-toggle {
    padding: 10px 20px;
    font-size: 16px;
    border: none;
    background: #dfdcdc;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
}

/* Style for the dropdown menu */
.dropdown-menu {
    border: none;
    border-radius: 10px;
    background-color: #dfdcdc;
}

/* Style for dropdown items */
.dropdown-item {
    padding: 10px 20px;
    font-size: 16px;
    color: #0f2182; /* Text color */
    transition: all 0.3s ease;
}

/* Add hover styles for dropdown items */
.dropdown-item:hover {
    color: #fff; /* Change text color on hover */
    background-color: #0f2182; /* Change background color on hover */
}