Проблемы с first-child

Добрый вечер!
Пытаюсь выделить красным цветом первый пункт меню.
Но выделяются все пункты.
Думаю, виновато мое непонимание правил работы first-letter.
Подскажите, пожалуйста, правильное решение.

<ul id="menu">
<li><a href="#">Forest Hotel</a></li>
<li><a href="#">Главная</a></li>
<li><a href="#">Бронирование</a></li>
</ul>

ul#menu{
display:flex;
width:100%;
background:navy;
padding-left:1000px;
}

ul#menu li{
list-style-type:none;
margin-left:12px;
color:red;
}

ul#menu li a{
font-size:22px;
color:yelow;
text-decoration:none;
}

ul#menu li a:first-child{
color:red;
}