.menu {
	cursor: pointer;
	display: flex;
	flex-direction: row;
	margin: 0;
	position: absolute;
	top: -80px;
	transition: all 1s;
	z-index: 50;
}

nav.show-menu {
    top: 0;
}

.menu-item {
    align-items: center;
	background-color: var(--medium-blue);
	border: 1px solid var(--darkest-blue);
	color: var(--white);
	display: flex;	
	flex-direction: column;
	height: 80px;
	justify-content: center;
	padding: 24px;
	text-align: center;
	width: 25vw;
}

.menu-item:hover {
	background-color: var(--dark-blue);
}

.new-menu {
	display: flex;
	flex-direction: column;
	left: 0;
	position: absolute;
	top: 80px;
}

.level-one {
	display: none;
}

.labyrinth,
.labyrinth-popup,
.madness {
	align-items: center;
	background-color: var(--white);
	border-radius: 50px;
	color: var(--medium-blue);
	cursor: pointer;
    display: flex;
	font-weight: 700;
	height: 100px;
	justify-content: center;
	left: 7vw;
	padding: 24px;
	position: absolute;
	text-align: center;
	top: 73vh;
	transition: all 0.25s;
	width: 100px;
	z-index: 40;
}

.labyrinth {
	border-radius: 55px;
	height: 110px;
	left: 80vw;
	top: 13vh;
	width: 110px;
}

.labyrinth.active {
	font-size: 12px;
}

.labyrinth:hover,
.madness:hover {
	background-color: var(--hover-white);
	border-radius: 60px;
	height: 120px;
	left: calc(7vw - 10px);
	top: calc(73vh - 10px);
	width: 120px;
}

.labyrinth:hover {
	border-radius: 65px;
	height: 130px;
	left: calc(80vw - 10px);
	top: calc(13vh - 10px);
	width: 130px;
} 

.labyrinth-popup {
	font-size: 14px;
	border-radius: 25px;
	height: 50px;
	left: 80vw;
	opacity: 0;
	top: 16vh;
	width: 50px;
}

.labyrinth-popup.show {
	border-radius: 40px;
	height: 80px;
	left: 74vw;
	opacity: 100;
	transition: all 0.25s;
	top: 22vh;
	width: 80px;
}

.labyrinth-popup.active:hover {
	background-color: var(--hover-white);
	border-radius: 45px;
	height: 90px;
	left: calc(74vw - 5px);
	top: calc(22vh - 5px);
	width: 90px;
}

@media (max-width: 600px) {
	.labyrinth {
		left: 65vw;
		top: 13vh;
	}

	.labyrinth:hover {
		left: calc(65vw - 10px);
	}

	.labyrinth-popup {
		left: 65vw;
		top: 16vh;
	}

	.labyrinth-popup.show {
		left: 76vw;
		top: 25vh;
	}

	.labyrinth-popup:hover {
		left: calc(76vw - 10px);
		top: calc(25vh - 10px);
	}
}