JSFiddle - React, Tailwind, and code Playground

HTML

<nav class="main-nav-outer" id="test"><!--main-nav-start-->
	<div class="container">
        <ul class="main-nav">
             <li><a href="#anus">Гадание на анусе</a></li>
			       <li><a href="#atsral">Атсрал</a></li>

            <li class="menutop"><a href="#header"><img src="http://storage5.static.itmages.ru/i/16/0115/h_1452856986_2893460_15bb603ff9.png" alt=""></a></li> 
 			<li><a href="#comb">Комбо</a></li>
            <li><a href="#contact">Контакты</a></li>
        </ul>
        <a class="res-nav_click" href="#"><i class="fa-bars"></i></a>
    </div>
</nav>

CSS

.main-nav-outer{

	padding:0px;
border-bottom:1px solid #dddddd;
	border-top:1px solid #dddddd;
	box-shadow:0 4px 5px -3px #ececec;
	position:relative;
	background:#fff;
}
.main-nav{

	text-align:center;
	margin:10px 0 0px;
	padding:0;
	list-style:none;

}
.main-nav li{
	display:inline;
	margin:0 1px;
}
.main-nav li a{
	display:inline-block;
	color:#222222;
	text-transform:uppercase;
	text-decoration: none;
	line-height:20px;
	margin:17px 32px;

}

.main-nav li a:hover{ 
	text-decoration:none;
	color: #7cc576;
}