.pageInfoText {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% , -50%);
	width: 60%;
	max-height: 90%;
	box-sizing: border-box;
	padding: 2vh;
	border-radius: 0vw;
	border-style: solid;
	border-width: 0.5vw;
	border-color: rgba(127, 89, 51, 1.0);
	background-color: rgba(178, 142, 107, 1.0);
	z-index: 21;
	line-height: 1.2;
	overflow-y: auto;
	font-size: 1.4em;
	transition: opacity 0.2s;
}

.pageInfoText h1 {
	font-size: 2em;
	margin-bottom: 0.5em;
	text-align: center;
}

.pageInfoText h2 {
	font-size: 1.5em;
	margin-top: 1em;
}

.pageInfoText p {
	margin-top: 0.5em;
	margin-left: 1em;
}

.pageInfoText p.extraP {
	margin-top: 4.5em;
}

.pageInfoText ol {
	margin-left: 3em;
	list-style-type: upper-roman;
}

.pageInfoText ul {
	margin-left: 3em;
	list-style-type: square;
}

.pageInfoText a {
	margin-left: 1em;
	display: inline-block; /* Fixes links ignoring left margin after word wrapping. */
	word-wrap: break-word;
	overflow-wrap: break-word;

  word-break: break-word;
}

.pageInfoText a:link {
	color: rgba(255,204,102,1);
	text-decoration: none;
}

.pageInfoText a:visited {
	color: rgba(216,184,119,1);
}

.pageInfoText a:hover {
	text-decoration: underline;
}

.pageInfoText a:active {
	color: rgba(255,255,255,1);
}



/* Vertical displays. */
@media (max-aspect-ratio: 1/1) {
	.pageInfoText {
		width: 90%;
		max-height: 80%;
		padding: 4vw;
		border-radius: 0vh;
		border-width: 0.5vh;
	}
}