#header {
	display: flex;
	position: fixed;
	width: 100vw;
	height: 50px;
	padding: 0 50px 0 50px;
	align-items: flex-end;
	justify-content: space-between;
	border-bottom: 1px solid var(--textInvert);
	line-height: 0;
	z-index: 10;
	mix-blend-mode: difference;
}

#logo {
	height: 26px;
	filter: invert(1);
}

#headerMenu * {
	line-height: 7px;
	font-size: var(--standardText);
	font-weight: 400;
	color: var(--textInvert)
}

#indexLink:hover,
#aboutLink:hover {
	color: var(--highlightInvert);
}

.indexLinkHighlight {
	color: var(--highlightInvert)!important;
}

.headerSeparator {
	position: relative;
	font-size: 10px!important;
	bottom: 5px;
	margin: 0 25px 0 25px;
}

.headerSeparator:hover {
	cursor: default;
}