JSFiddle - React, Tailwind, and code Playground

HTML

<body>
		<nav id="nav">
			<ul>
			
				<li><a href="http://localhost/cmsms1/" class="navlink">Home</a></li>
				
				<li class="activeparent"> <a href="http://localhost/cmsms1/index.php?page=how-cmsms-works" class="activeparent">How CMSMS Works</a>
				
					<ul>
					
						<li><a href="http://localhost/cmsms1/index.php?page=dates" class="currentpage">Dates</a></li>
						
						<li><a href="http://localhost/cmsms1/index.php?page=termine" class="navlink">termine</a></li>
					
					</ul>
				
				</li>
				
				<li><a href="http://localhost/cmsms1/index.php?page=default_templates" class="navlink">Default Templates Explained</a></li>
				
				<li><a href="http://localhost/cmsms1/index.php?page=default-extensions" class="navlink">Default Extensions</a></li>
				
			</ul>
			
		</nav>
	</body>

CSS

a {
				color: #000;
				text-decoration: underline;
			}
			
			a:hover {
				color: #000;
				text-decoration: none;
			}
			
			#nav {
				position: absolute;
				right: 0;
				top: 0;
				cursor: default;
			}
			
			#nav ul li {
				display: inline-block;
				padding: 1.25em 1.25em;
			}
			
			#nav ul li a {
				display: inline-block;
				color: #ddd;
				text-decoration: none;
			}
			
			#nav ul li a:hover {
				color: #fff;
			}
			
			#nav ul ul li a {
				color: #ddd;
				text-decoration: none;
			}
			
			#nav ul ul li a:hover {
				color: #fff;
			}