.menubar {
	display: flex;
	padding: 5px;
	background-color: #ff0000;
	font-family: menubarFont;
	font-size: 32px;
	text-align: center;
}

.menubar-row {
	display: flex;
	width: 50%;
}

.menubar-row div {
	width: 50%;
}

@media (max-width: 1500px) {
	.menubar {
		flex-direction: column;
	}
	.menubar-row {
		width: 100%;
	}
}

@media (max-width: 740px) {
	.menubar-row {
		flex-direction: column;
	}
	.menubar-row div {
		width: 100%;
	}
}

.menubar a {
	text-decoration: none;
}

.current-page a:link {
	color: #ffffff;
}

.current-page a:visited {
	color: #ffffff;
}

.other-page a:link {
	color: #ffffff;
}

.other-page a:visited {
	color: #ffffff;
}

.menubar a:hover {
	color: #ffff00;
}

.menubar a:active {
	color: #ffff00;
}
.current-page {
	color: #80ff80;
}