#menu {
	list-style-type: none;
	/* font-size: 1.3em; */
	display: none;
	/* margin-left: 1rem; */
	/* padding-top: 1rem; */
	/* margin-top: 0px; */
	/* width: 200px; */
	position: absolute;
	left: 1rem;
	top: 1rem;
	
}
#menu ul {
	display: flex;
	flex-direction: column;
	gap: .6rem;
	
}
#menu li:hover {
	color: #666;
	
}
#menu ul li a,
#menu ul li strong {
	line-height: 100%;
	font-size: var(--lg);
	
}
#menu ul li a {
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	color: var(--color-link);
	
}
#menu ul li a:hover {
	color: var(--color-link-hover);
	
}
#menu ul li strong,
#menu ul li a.trail {
	color: var(--color-link-active);
	font-weight: normal;
	
}
@media screen and (min-width: 768px){
	#menu {
		display: block;
		left: 2rem;
		top: 2rem;
		
	}
	
}