#hamburgerBtn {
	float:left;
	margin:2px 8px 2px 8px;
	width:28px;
	height:32px;
	cursor:pointer;
	background:none;
	border:0;
	padding:6px 0;
	box-sizing:border-box;
}
#hamburgerBtn span {
	display:block;
	width:28px;
	height:3px;
	border-radius:2px;
	background:var(--text);
	margin:0 0 5px;
}
#menuOverlay {
	display:none;
	position:fixed;
	top:0; left:0; right:0; bottom:0;
	background:rgba(0,0,0,0.55);
	z-index:99;
}
#menuOverlay.open {
	display:block;
}
#sideMenu {
	position:fixed;
	top:0; left:-240px;
	width:220px;
	height:100%;
	background:var(--panel-bg);
	border-right:1px solid var(--panel-border);
	box-shadow:2px 0 20px rgba(0,0,0,0.5);
	transition:left .25s ease;
	z-index:100;
	padding:50px 0 20px;
	box-sizing:border-box;
}
#sideMenu.open {
	left:0;
}
#sideMenu a {
	display:block;
	padding:12px 20px;
	color:var(--text);
	text-decoration:none;
	font-weight:bold;
	border-left:3px solid transparent;
}
#sideMenu a:hover {
	background:var(--panel-hover);
}
#sideMenu a.active {
	color:var(--accent);
	background:var(--panel-hover);
	border-left:3px solid var(--accent);
	padding-left:17px;
}