.green-box {
	left: 9%;
	top: 2%;
	width: 82%;
	line-height: 1.4em;
}

#amazing-view {
	position: absolute;
	left: 7.5%;
	top: 31.8%;
	width: 85%;
}

#amazing-view > img { width: 100%; }

#bottle-start {
	position: absolute;
	transform: rotate(30deg);
	top: 18.8%;
	left: 44.9%;
	height: 16%;
}

.fill-in-question { height: 3.7em; }

.solid-green-box {
	position: fixed;
	top: 38%;
	left: 15%;
	width: 70%;
}

.highlight-marker {
	border: 2px solid white;
	border-radius: 50%;
}

.solid-green-box img { filter: saturate(0.0) brightness(2); }

.solid-light-purple-box {
	position: fixed;
	top: 33%;
	width: 69%;
	left: 15.5%;
}

#ending-3 > .solid-light-purple-box {
	position: fixed;
	top: 22%;
}

#mazecanvas { position: absolute; }

.maze-checkpoint {
	position: absolute;
	width: 40px;
	height: 40px;
	pointer-events: none;
	background-size: contain;
	opacity: 0.75;
	background-image:url("../images/amazing-journey/star.png");
}

.maze-checkpoint img { width: 100%; }

#zone-0-a { top: 345px; left: 40px; }
#zone-0-a.done { background-image:url("../images/amazing-journey/targets.png"); }

#zone-3-a { top: 145px; left: 750px; }
#zone-3-a.done { background-image:url("../images/amazing-journey/recycling-bin.png"); }

#zone-3-b { top: 190px; left: 930px; }
#zone-3-b.done { background-image:url("../images/amazing-journey/recycling-truck.png"); }

#zone-3-c { top: 320px; left: 1060px;
			width: 50px; height: 50px;}
#zone-3-c.done { background-image:url("../images/amazing-journey/recycling-center.png"); }

#zone-4-a { top: 53px; left: 253px; }
#zone-4-a.done { background-image:url("../images/amazing-journey/litter.png"); }

#zone-4-b { top: 53px; left: 162px; }
#zone-4-b.done { background-image:url("../images/amazing-journey/rain-cloud.png"); }

#zone-4-c { top: 344px; left: 412px; }
#zone-4-c.done { background-image:url("../images/amazing-journey/storm-drain.png"); }

#zone-4-d { top: 434px; left: 907px; }
#zone-4-d.done { background-image:url("../images/amazing-journey/outfall.png"); }

#zone-4-e { top: 520px; left: 363px;
			width: 50px; height: 50px;}
#zone-4-e.done { background-image:url("../images/amazing-journey/water.png"); }

#zone-5-a { top: 144px; left: 750px; }
#zone-5-a.done { background-image:url("../images/amazing-journey/recycling-bin.png"); }

#zone-5-b { top: 342px; left: 820px; }
#zone-5-b.done { background-image:url("../images/amazing-journey/squirrel.png"); }

#zone-5-c { top: 477px; left: 592px; }
#zone-5-c.done { background-image:url("../images/amazing-journey/wind.png"); }

#zone-5-d { top: 518px; left: 857px;
			width: 50px; height: 50px;}
#zone-5-d.done { background-image:url("../images/amazing-journey/water.png"); }

.answer-marker {
	border-radius: 50%;
	position: absolute;
	height: 37px;
	margin: 8px 20px;
}

.smaller {
	font-size: 0.70em;
	text-align: left;
}

#answer { width: 1090px; height: 740px; }

#marker {
	position: absolute;
	width:30px;
	pointer-events: none;
}

#first-time { letter-spacing: -0.3px; }

.zone-3, .zone-4, .zone-5, #first-time, #second-time, #third-time { display: none; }

/* ---- For drawing maze ---- */
#answer {
	position: absolute;
	top: 21.3%;
	left: 7.5%;
}

.solve-image {
	width: 1090px;
	position: absolute;
	display: none;
}

/* ---- Overrides ---- */
textarea { line-height: 1.1em; }