JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="menu">
<li><a href="#home" class="menubot">Главная</a></li>	
<li><a href="#price" class="menubot">Стоимость</a></li>	
<li><a href="#about" class="menubot">О нас</a></li>	
<li><a href="#clients" class="menubot">Отзывы</a></li>
<li><a href="#contact" class="menubot">Контакты</a></li>	
</ul>

CSS

.menu {
	font-size: 16px;
	text-align: right;
}
.menu li {
    display: inline-block;
    margin-left: 30px;
}
.menubot {
    color: #000;
    display: block;
    text-decoration: none;
}
.menubot {
    color: #000;
    display: block;
    text-decoration: none;
}
.menubot:hover {
    color: #000;
    display: block;
    text-decoration: none;
	font-weight: bold;
}