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

.solid-light-purple-box {
	top: 29%;
	position: fixed;
	left: 10%;
	width: 80%;
}

.box { position: absolute; }

.contents {
	border: 6px solid white;
	border-radius: 5px;
	width: 490px;
	height: 370px;
	overflow: hidden;
}

.box p {
	margin-top: 0.4em;
	font-size: 0.8em;
}

.contents > img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

#box-1 {
	left: 2.3%;
	top: 6.4%;
}

#box-2 {
	left: 51.2%;
	top: 6.4%;
}

#box-3 {
	left: 2.3%;
	top: 53.2%;
}

#box-4 {
	left: 51.2%;
	top: 53.2%;
}

/* ---- From The Pledge ---- */
.sticker {
	cursor: grab !important;
	margin: 0 10px;
	flex-shrink: 0;
	width: 118px;
}

.in-picture { margin: 0; }

.in-picture.banner {
	width: 178px;
	height: 50px;
}

.pledge.green-box {
	font-size: 1em;
	line-height: 1.1em;
	display: contents;
}

#drawing-area {
	transform: scale(0.55);
	position: relative;
	left: -150px;
	margin-top: 0;
	top: -88px;
}

.selector-holder { z-index: 0; }

.selector-holder select:disabled { opacity: 1.0; }

/* ---- Map ----*/
#map-scale-container {
	transform: scale(0.475) translate(-138px,-150px);
	width: 1280px;
	height: 960px;
	transform-origin: top left;
}

.drone-marker {
	transform: scale(0.5);
	transform-origin: top left;
	font-size: 1.5em;
}

/* ---- Maze ---- */
#bottle-start {
	position: absolute;
	width: 70px;
	height: 70px;
	top: 51px;
	left: 217px;
	transform: rotate(30deg);
}

#box-4 img {
    object-fit: contain;
    object-position: top;
    margin-top: 20px;
}

#box-3 .contents > img {
	/* position: absolute; */
	object-fit: contain;
	top: 18px;
	left: 0;
	width: 488px;
}