body, html {
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: gray;
}

#shaderCanvas {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: -100;
}

nav {
	position: absolute;
	/* width: 50%;
	height: 50%;
	top: 12.5%;
	left: 12.5%; */
	background-color: rgba(56,123,135, 0.2);
	border-radius: 1em;
	padding: 1em;
	margin: 1em;
	box-shadow: 
		inset -0.7em -0.7em 0.9em rgba(220,200,255, 0.3),
		inset 0.7em 0.7em 0.9em rgba(8,13,22, 0.3);
		/* 0.8em 0.8em 0.8em rgba(13,8,22, 0.2); */
	backdrop-filter: blur(0.3em);
}

a {
	color: rgba(230,220,255,0.8);
	font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
	text-shadow: -1px -1px 1px rgba(7,0,30,0.5);
}