#nav {
	position: fixed;

	display: grid;
	grid-template-rows: repeat(1, 1fr);
	grid-template-columns: repeat(10, 1fr);

	width: 100%;
	height: 9%;

	list-style: none;

	background-color: white;

	border-bottom: 1px lightgrey solid;

	margin: 0;

	animation: none !important;

	z-index: 10000000000000000000000000000000000000000000000;
}
#nav a {
	padding-top: 20%;
	padding-bottom: 20%;

	text-align: center;

	width: 100%;
	height: 5%;

	text-align: center;
	text-decoration: none;

	font-size: 1.2rem;

	color: inherit;

	cursor: grab;

	color: black;
}
#nav a:hover {text-decoration: underline;}

#nav img.nav-right {
	grid-column: 10;
	grid-row: 1;

	width: auto;
	height: 15%;
}
#nav a.nav-refer {
	grid-row: 1;
	grid-column: 7 / span 2;

	padding-top: 9%;
	padding-bottom: 9%;
}
#nav a.nav-refer:hover {text-decoration: none;}
#nav a.nav-refer mark {
	padding-left: 7%;
	padding-right: 7%;
	padding-top: 4%;
	padding-bottom: 4%;

	background-color: aliceblue;

	border: 1px lightgrey solid;
}

#nav #nav-start {
	color: darkblue;
}