JSFiddle - React, Tailwind, and code Playground

HTML

<div id="menu"><div id="menubg"></div>
<div id="newsBTN">News</div>
<div id="eventsBTN">Events</div>
<div id="miscBTNhover"></div><div id="miscBTN">Misc</div>
<div id="disclBTN">Disclaimer</div>
</div>

CSS

#menu {
	width:156px;
	height:156px;
	border-radius:50%;
	position:absolute;
	top:0px;
	left:0px;
	font-size:18px;
	font-family:"Palatino Linotype";
	
}
#newsBTN {
	color:white;
	position:absolute;
	bottom:69px;
	left:12px;
}
#eventsBTN {
	color:white;
	position:absolute;
	bottom:69px;
	right:12px;
}
#miscBTN {
	color:white;
	position:absolute;
	top:24px;
	left:58px;
}
#disclBTN {
	color:white;
	position:absolute;
	bottom:24px;
	left:38px;
}
#menubg {
	width:156px;
	height:156px;
	border-radius:50%;
	opacity:0.7;
	background-color:#585858;
}