.green-box p {
	margin: 20px;
	line-height: 1.25em;
	text-align: left;
}

#page-1 .green-box {
	left: 8.9%;
	top: 2.3%;
	width: 82.3%;
}

#page-1 img {
	width: 400px;
	float: left;
	margin: 20px;
}

#page-2 .green-box {
	top: 48.3%;
	left: 5.6%;
	width: 88.7%;

	height: 47.6%;
}

#page-2 p { width: 470px; }

#page-3 .solid-light-purple-box { top: 20%; }

#preview {
    position: absolute;
    height: 418px;
    right: 0;
    margin: 20px;
}

#preview, .preview-image { width: 455px; }

.preview-image {
	float: right;
	margin-left: 20px;
}

#preview .click, #preview .hover {
    position: absolute;
    width: 160px;
    display: inline-block;
    pointer-events: none;
}

.preview-image {
	width: 100%;
	height: 100%;
}

.reading-group p {
	margin: 0.5em;
}

.reading-group i.talk-button {
	padding-top: 0;
}

#preview:hover .click { display: none; }
#preview:not(:hover) .hover { display: none; }

.solid-light-purple-box {
	top: 11%;
	left: 11%;
	position: fixed;
	width: 76%;
}

.solid-light-purple-box.sect2{ top: 40%; }

textarea {
	line-height: 1.1em;
	height: 3.7em;
}

.image-text-holder {
	display: flex;
	align-items: center;
}

#preview {
	display: flex;
    justify-content: center;
    align-items: center;
	width: 55%;
}

.hidden {
	display: none!important;
}