.navbar {
            height: 50px;
            background-color: #340;
            color: white;
            display: flex;
            align-items: center;
            justify-content: space-around;
        }
        .navbar a {
            color: white;
            text-decoration: none;
            padding: 14px 20px;
        }
        .navbar a:hover {
            background-color: #575757;
            border-radius: 4px;
        }

        .user-info {
    display: flex;
    align-items: center;
}

.user-info span {
    margin-right: 20px;
    font-size: 16px;
}

.logout-btn, .login-btn {
    background-color: #6200ea;
    color: #ffffff;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

.logout-btn:hover, .login-btn:hover {
    background-color: #3700b3;
}