html, body {
	margin: 0;
	padding: 0;
}
body {
	background: #eee;
	overflow: hidden;
}
.navbar {
	background: #6200EE;
	box-shadow: 0 2px 2px rgba(0,0,0,.4);
	color: #fff;
	height: 50px;
	left: 0;
	line-height: 50px;
	padding: 0 20px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99;
}
.navbar p {
	font-size: 12pt;
	margin: 0;
}

.trackWrapper {
	height: 80vh;
	width: 80vw;
	margin: 10vh 10vw;
	position: relative;
}
.trackWrapper .sign {
	color: #3700B3;
	font-family: Arial;
	font-size: 20px;
	position: absolute;
	text-align: center;
}
.trackWrapper .sign.a { top: calc(40vh - 18px); left: 7vw; }
.trackWrapper .sign.b { bottom: 4vh; left: calc(40vw - 7px); }
.trackWrapper .sign.c { top: calc(40vh - 18px); right: 7vw; }
.trackWrapper .sign.e { top: 4vh; left: calc(40vw - 7px); }
.trackWrapper .sign.h { top: 4vh; right: 20vw; }
.trackWrapper .sign.f { bottom: 4vh; left:20vw; }
.trackWrapper .sign.k { top: 4vh; left: 20vw; }
.trackWrapper .sign.m { bottom: 4vh; right: 20vw; }

#trackCanvas {
	border: 2px solid #3700B3;
	height: 60vh;
	width: 60vw;
	margin-top: 10vh;
	margin-left: 10vw;
}