@charset "utf-8";

.articlepage {
	width: 66%;
	min-height: 200px;
	background-color: #ffffff;
	margin: 0 auto;
	color: #3c3c3c;
	padding-top: 1em;
	padding-bottom: 1em;
	text-align: justify;
	position:relative;
	top:20em;
	z-index: 25;
}

a.backbutton {
	width: fit-content;
	background-color: #fff;
	color: #3c3c3c;
	font-weight: bold;
	display: block;
	text-align: left;
	padding: 0.5em;
	margin-left: 1em;
	text-decoration: none;
	border: 3px solid #087E8B;
	border-radius: 50%/200%;
	position: sticky;
	top: 7em;
}
a.backbutton:hover span.backarrow, a.backbutton:hover {
	background-color: #087E8B;
	color: #fff;
}

span.backarrow {
	color: #087E8B;
}

.articlepage p:not(p.verse,p.source) { text-indent: 3em;}
.articlepage p.source { text-align: right; }
.articlepage p.verse {
	margin-left: 5em;
	margin-right: 5em;
	font-family: 'Times New Roman', Times, serif;
	font-size: 1.1em;
}