body {
	height: 99vh;
	margin: 0ch 1ch 1ch 1ch;
	padding: 0px;
	display: grid;
	grid-template-areas: 
		"hdr" 
		"content"
		"footer"
	;
	grid-template-rows: max-content 1fr max-content;
	grid-template-columns: 1fr;
	grid-row-gap: 0ch;
	background-color: white;
	background-image: url(apple-background.png);
	background-position: top right;
}

h1, h2 {
	font-family: sans-serif;
	color: darkblue;
}

#prologue {
	grid-area: hdr;
	padding-top: 0ch;
	padding-bottom: 0ch;
	padding-left: .5ch;
	padding-right: .5ch;
	margin-bottom: 0ch;
	background-color: rgb(213, 219, 225);
	Color: rgb(0, 0, 255);
	text-align: center;
	font-family: sans-serif;
}

#prologue h1 {
	Color: blue;
	font-size: 250%;
}


#content {
	grid-area: content;
	margin-left: auto;
	margin-right: auto;
	flex-direction: column;
	width: 90%;
	height: auto;
	padding-top: 0px;
	padding-right: 1.5ch;
	padding-left: 1.5ch;
	padding-bottom: 1ch;
	display: flex;
	overflow-y: auto;
	font-size: 125%;
}

#content p {
	margin-bottom: 0ex;
}

#epilogue {
	grid-area: footer;
	padding: .5ch;
	margin-top: 1.5ch;
	text-align: center;  
	font-size: 100%;
}       

img {
	padding-top: .3ex;
}

audio {
	padding-top: .3ex;
}