* {
	margin: 0;
	padding: 0;
}

#container {
	font-family: "Cherry Cream Soda";
	font-size: 3rem;
	color: yellow;
	text-shadow: 3px 3px 0 #000,
	-1px -1px 0 #000,  
	 1px -1px 0 #000,
	 -1px 1px 0 #000,
	  1px 1px 0 #000;;
    position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
    overflow: hidden;
}

#levelOverlay {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 20;
}

#timerOverlay {
    position: absolute;
    left: 50%;
	top: 10px;
	transform: translateX(-50%);
    z-index: 20;
}

#bestOverlay {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 20;
}

#gemOverlay {
	position: absolute;
	left: 10px;
	top: 60px;
	font-size: 0.5em;
	z-index: 20;
}

#canvas {
    position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
    z-index: 10;
    overflow: hidden;
}