JSFiddle - React, Tailwind, and code Playground

HTML

<section class="main-menu">
      <nav>
        
				<ul class="main-menu__list">
					<li class="main-menu__item"><a class="main-menu__link" href="/">Карта штата</a></li>
					<li class="main-menu__item"><a class="main-menu__link" href="/">Информация</a></li>
					<li class="main-menu__item"><a class="main-menu__link" href="/">Фото и видео</a></li>
					<li class="main-menu__item"><a class="main-menu__link" href="/">Гостиницы</a></li>
				</ul>
			</nav>
</section>

CSS

.main-menu {
    display: none;
  }
  .main-menu__list {
    list-style: none;
  }
  .main-menu__item {
    
    text-align: center;
  }
  .main-menu__link {
    color: red;
    text-transform: uppercase;
  }