body {
	background-color: 	var(--back-color) !important;
	margin: 			0;
	padding: 			0;
}

.menu {
	display: 			flex;
	justify-content: 	center;
	background-color: 	#333;
}

.menu button {
	background: 		none;
	border: 			none;
	padding:			5px 30px;
	cursor: 			pointer;
	font-size: 			16px;
	font-weight: 		bold;
	color: 				var(--link-color);
}

.menu button:hover {
	background-color: 	var(--hover-color);
	border-radius: 		6px;	
    color: 				#000000 !important; 
	text-shadow: 
						1px  1px 1px #fff,
						1px -1px 1px #fff,
					   -1px  1px 1px #fff,
					   -1px -1px 1px #fff;	
}

.layer {
	display: 			none;
	padding: 			0px;
}

.layer.active {
	display: 			block;
}

.layer1 { 
	background-color: 	var(--back-color); 
}

.layer2 { 
	background-color: 	var(--back-color); 
}

.layer3 { 
	background-color: 	var(--back-color);
}