/* CSS for the nav bar */
.navbar {
	padding-bottom: 2%;
	margin-left: 20%;
	margin-right: 20%;
}

.navbar ul {
	list-style: none;
	text-transform: uppercase;
	font-family: Inconsolata;
	font-size: 1.1em;
	font-weight: bold;
	padding: 0px;
}

.navbar li {
	padding: 0px;
	margin: 5px 0px;
}

.navbar a {
	text-decoration: none;
	color: #4c566a;
}

.navbar a.hlight {
	text-decoration: none;
	color: #b48ead;
	border-bottom: 0.5px solid #b48ead;
}

.navbar a:hover {
	text-decoration: none;
	color: #bf616a;
}

.navbar a.hlight:hover {
	text-decoration: none;
	color: #a3be8c;
	border-bottom: 0.5px solid #a3be8c;
}

@media screen and (min-width: 768px) {
	.navbar li {
		display: inline;
		padding: 10px;
		margin: 0px;
	}
}