JSFiddle - React, Tailwind, and code Playground

HTML

<body>
        <a href="index.html"><div id="home">Home</div></a><a href="about.html"><div id="about">About Us</div></a><a href="contact.html"><div id="contact">Contact</div></a>
	</body>

CSS

div {
    background-color: #B3B3B3;
    transition: background-color 0.5s ease;
    display:inline;
    font-size:20px;
	padding:15px;
	padding-bottom:5px;
	padding-right:7px;
	padding-left:7px;
    border:2px solid black;
	color:black;
	position:relative;
}

a{
	text-decoration:none;
}

.active {
    background-color:#556677;
}