.nav-panel{
	-webkit-tap-highlight-color: transparent;
	width:100%;
	display:flex;
	flex-direction:row;
	justify-content:center;
	margin-top:1.5rem;
	margin-bottom: 1.5rem;
	background-color:var(--background-color);
}

.nav-panel > svg {
	margin:0.5rem;
	max-width:2rem;
	max-height:2rem;
	cursor:var(--cursor-clickable);
	stroke: var(--text-color);
}

#nav-menu{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:var(--background-color);
	flex-direction:column;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
}

#nav-menu.menu-open{
	display:flex;
}

#nav-menu:not(.menu-open){
	display:none;
}

#nav-menu > a{
	-webkit-tap-highlight-color: transparent;
	margin-bottom:3rem;
	width:fit-content;
	text-align:center;
	font-size:2rem;
	text-decoration:none;
	color:var(--text-color);
	user-select:none;
	transition: text-shadow 0.5s;
	cursor:var(--cursor-clickable);
}

#nav-menu > a:focus, #nav-menu > a:hover {
	text-shadow : 0 0 1rem var(--text-color);
}

#nav-menu-close-button {
	cursor:var(--cursor-clickable);
}

#nav-menu-close-button > svg {
	height:2rem;
	stroke: var(--text-color);
}