.-navElement
{
	display: inline-block;
	width: calc(100% / var(--noNavPoints));
	height: 4vh;
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-left: 1.5px solid #8c9694;
	border-right: 1.5px solid #8c9694;
	background-color: #26292c;
	color: black;
	font-size: 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	transition: width 1s, padding 1s, color 1s, font-size 1s, border-bottom 1s, background-color 1s;
}

	.-navElement:hover
	{
		width: calc((100% / var(--noNavPoints)) * 2.25);
		padding: 5vh 2vw;
		border-bottom: 5px solid #ffb301;
		color: white;
		font-size: 1.3em;
	}

.-navElementNotHovered
{
	width: calc((100% - (100% / var(--noNavPoints) * 2.25)) / (var(--noNavPoints) - 1));
}

.-navElementActive
{
	background-color: #ffb301;
	color: #ffb301;
}