#menu {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
}
#menu-icon,
#menu-content {
	transition: all 1s ease-in-out;
}
#menu-button,
#menu-content {
	background-color: lightgray;
}
#menu-button {
	cursor: pointer;
	padding: 15px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
#menu-button:hover {
	background-color: whitesmoke;
}
#menu-icon.hidden {
	transform: rotate(180deg);
}
#menu-content {
	width: 250px;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}
#menu-content.hidden {
	height: 0px;
	width: 0px;
	opacity: 0;
	z-index: -1;
}
#menu-content ul {
	list-style: none;
	margin-left: 10px;
}
#menu-content a {
	color: VAR(--TEAL);
	text-decoration: none;
}
#menu-content #site-index-link,
#menu-content .category {
	font-weight: bold;
	padding: 5px;
}
#menu-content .category,
#menu-content .subcategory,
#menu-content .link-item {
	white-space: nowrap;
	overflow-x: hidden;
}
#menu-content .link-item {
	padding-top: 5px;
	padding-bottom: 5px;
}
#menu-content .link-item:hover {
	background-color: whitesmoke;
}
#menu-content .category,
#menu-content .subcategory {
	background-color: rgb(151, 151, 151);
}
#menu-content .subcategory {
	margin-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-style: italic;
}