
.menu_box { 
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 30px;
	background-color: rgba(120, 170, 220, 0.95);
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
	z-index: 2;
}

.menu {
	display: flex;
	flex-direction: column;

	overflow: auto;

}

.menu > .item {
	flex-grow: 1;
	margin: 5pt;
	padding: 10px;
	background-color: rgba(220, 100, 50, 0.95);
	box-shadow: 1pt 1pt 0pt 0pt rgba(0, 0, 0, 0.5);	
}

.menu > .item > .label {
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-size: 11pt;
	font-weight: 700;
	color: rgba(0, 0, 0, 0.95);
	text-align: left;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.2);
	cursor: pointer;

}

.menu > .item:hover {
	background-color: rgba(140, 190, 240, 0.99);
}
