/* style for knowledge overview page */
.menuecontainer:hover .overlay {
	background-color: rgb(226, 0, 116);
	opacity: 1;
}

.menuecontainer:hover .shade {
	opacity: 0;
}

.overlay {
	position: absolute;
	float: left;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100.6%;
	opacity: 0;
	transition: .5s ease;
}

.shade {
	background-color: black;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 99.5%;
	height: 101%;
	opacity: 0.3;
	transition: .5s ease;
}