<style> body {
margin: 0;
font-family: sans-serif;
}
nav {
				background: #4a90e2;
}
.nav-menu {
				display: flex;
				flex-wrap: wrap;
				list-style: none;
				margin-left: 15%;
				padding: 0;
				color: #fff;																
}
.nav-menu > li {
				position: relative;
}
.nav-menu a {
				display: block;
				color: #fff;
				padding: 5px 45.3px;
				text-decoration: none;
}
.nav-menu a:hover {
				background: #357ab8;
				color: #fff;																
}
/* — Dropdown Styles — */
.sub-menu {
				display: none;
				position: absolute;
				background: #4a90e2;
				list-style: none;
				margin: 0;
				padding: 0;
				min-width: 200px;
				z-index: 1000;
				color: #fff;																
}
.sub-menu li {
				border-top: 1px solid #4A90E2;
				white-space: nowrap;
				color: #fff;																																
}
.nav-menu li:hover > .sub-menu {
				display: block;
				color: #fff;																
}
.nav-menu a:hover {
  color: #fff; /* Color on hover */
}

.nav-menu a:visited {
  color: #fff; /* Color after visiting the link */
}
/* — Responsive (basic) — */
@media (max-width: 800px min-width:769px) {
.nav-menu {
flex-direction: column;
}
.sub-menu {
position: relative;
}
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
</style>
