Static Navbar with HTML and vanilla CSS

<div class="nav">
        <a class="navItem" href="homePageUrl.com">Home</a>
        <a class="navItem" href="AboutPageUrl.com">About</a>
        <a class="navItem" href="ArticlesPageUrl.com">Articles</a>
</div>

.navItem {
display: inline-block;
margin: 10px;
color: white;
}

.navItem:hover {
color: #6D6875;
}

.nav {
padding: 10px;
background-color: #E5989B;
}