.welcome-message {
    font-weight: light;
    color: #09d589;
    padding: 1em;
    border-bottom: none;
}

#menu-items .menu-icon {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
    color: #ffffff !important; /* Исходный цвет иконки (белый) */
    fill: #ffffff !important; /* Для SVG с fill */
    transition: transform 0.3s ease, color 0.3s ease, fill 0.3s ease; /* Плавный переход для увеличения и цвета */
}

#menu-items li {
    display: flex;
    align-items: center;
    padding: 0.5em 1em;
}

#menu-items li a {
    flex: 1;
    color: #ffffff; /* Исходный цвет текста */
    text-decoration: none; /* Убираем подчёркивание */
    transition: color 0.3s ease; /* Плавный переход для цвета текста */
}

#menu-items li:hover a {
    color: #09d589; /* Зелёный цвет текста при наведении */
}

#menu-items li:hover .menu-icon {
    color: #09d589 !important; /* Зелёный цвет иконки при наведении */
    fill: #09d589 !important; /* Для SVG с fill */
    transform: scale(1.2); /* Увеличение иконки на 20% */
}