dyWxowQ

dywxowq.markdown

dyWxowQ

A Pen by Anon Ymous on CodePen.

License.

index.html

<nav>
	<ul id="links">
		<li><a href="#">Lorem.</a></li>
		<li><a href="#">Consequuntur.</a></li>
		<li><a href="#">Reiciendis.</a></li>
		<li><a href="#">Qui.</a></li>
		<li><a href="#">Necessitatibus!</a></li>
	</ul>
</nav>

style.css

@import url('https://fonts.googleapis.com/css2?family=Georama&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Georama:wght@700&display=swap');

* {
	font-family: Georama;
	font-weight: 400;
}

body {
	margin: 0;
}

b, strong {
	font-weight: 700;
}

#links a {
	display: block;
}


#links {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

#links li {
  float: left;
}

#links li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

#links li a:hover {
  background-color: #111;
}