@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');

html, body {
	margin: 0;
	min-height: 100%;
	font-family: EB Garamond;
	font-size: 20px;
	text-align: center;
}
body { position: relative }

.bg {
	position: absolute;
	inset: 0;
	top: -20px;
	width: 100%;
	height: calc(100% + 40px);
	z-index: -1;
}

.safari .bg {
	position: fixed;
	top: -20px;
	left: 0;
	width: 100%;
	height: calc(100vh + 40px);
}

.citation-needed {
	vertical-align: top;
	font-size: 0.6em;
	font-family: Arial;
}

.citation-needed-inside {
	color: blue;
	text-decoration: underline;
}

#content-wrapper {
	margin: 20px auto;
	padding: 10px;
	padding-left: 30px;
	padding-right: 30px;
	background-color: #eec;
	opacity: 0.7;
	width: 717px;
	border: solid 2px;
	border-radius: 20px;
}

.figure {
	margin-top: 5px;
	margin-bottom: -30px;
}

h1 { margin-bottom: 0 }

.hide-wrap { background-color: seashell; padding: 4px; border-radius: 5px }
.hide-btn { background-color: bisque; border-radius: 5px; padding-left: 6px; padding-right: 6px; margin-right: 6px; color: #e70; cursor: pointer; line-height: 2 }
.hide-btn:hover { background-color: #e70; color: bisque }
.hide-content { visibility: hidden }

#subt { margin-top: 5px; font-weight: normal; font-style: italic }
#name { font-weight: normal; color: #288 }

#passage {
	white-space: pre-line;
	text-align: left;
	margin-top: 0px;
	display: block;
}

.quote {
	border: solid 2px black;
	border-radius: 10px; 
	padding: 8px; 
	padding-left: 15px; 
	padding-right: 15px; 
	background-color: lavenderblush;
	text-align:left;
}

#title { font-family: Ubuntu Mono }

::selection {
	background: powderblue;
	color: firebrick;
}