JSFiddle - React, Tailwind, and code Playground

HTML

<section class="top-wrapper">
    <div class="header-wrapper">
        <div class="l-container">
            <header class="header">
                <div class="header__menu">
                    <ul class="menu">
                        <li>
                            <a href="#">
                                <span>ACCOUNT</span>
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                <span>MENU</span>
                                <div class="open-menu">
                                    <span></span>
                                    <span></span>
                                    <span></span>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </header>
        </div>
    </div>
</section>

CSS

body {
    font: 18px 'Lato', sans-serif, Arial;
    font-weight: 300;
    color: #4f4f4f;
    background: #fff;
    position: relative;
}




.l-container {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    height: 100%;
}
.header-wrapper{
    -webkit-box-shadow: 0 4px 4px 0 rgba(0,0,0,0.25);
    -moz-box-shadow: 0 4px 4px 0 rgba(0,0,0,0.25);
    box-shadow: 0 4px 4px 0 rgba(0,0,0,0.25);
}
.header{
    padding: 30px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.menu{
    display: flex;
    justify-content: flex-start;
    list-style: none;
}
.menu li{
    margin-right: 50px;
}
.menu li:last-child{
    margin-right: 0;
}
.menu li a{
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #4F4F4F;
}
.menu li:last-child a span{
    margin-right: 50px;
}
.open-menu span{
    display: block;
    width: 40px;
    height: 2px;
    background-color: #4F4F4F;
    margin-bottom: 4px;
}
.open-menu span:last-child{
    margin-bottom: 0;
}
.open-menu span:nth-child(2){
    width: 20px;
}