.top-row {
    display: flex;
    justify-content: space-between; /* Space between the user info and logout link */
    align-items: center; /* Center items vertically */
    padding: 0.5rem 1rem;
}

.user-info {
    display: flex;
    align-items: center; /* Align icon and name vertically */
}

.user-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%; /* Makes the icon circular */
    color: black; /* Color of the user icon */
    background-color: transparent; /* No background color */
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem; /* Size of the icon */
    margin-right: 0.5rem; /* Space between the icon and username */
}

.username {
    font-weight: bold; /* Make the username bold */
    margin-right: 1rem; /* Space between the username and logout link */
    color:darkslategrey
}

.logout-link {
    color: #036#036; /* Color of the logout link */
}