@import url('https://fonts.googleapis.com/css?family=Yrsa:300');


body {
	background-color: #fff5ee;
	font-size: 120%;
	font-family: 'Yrsa';
	line-height: 1.25;
	max-width: 720px;
	margin: 0 auto;
	counter-reset: footnotes;
}

h1 {
	font-size: 200%;
	text-align: center;
	margin-bottom:6pt;
}

h2 {
	font-size: 120%;
	line-height:1.em;
	margin-bottom: -6px;
	margin-top: 24px;
}

h3 {
	font-size: 150%;
	text-align: center;
	margin-bottom:6pt;
}

img.aligncenter
{
       display: block;
       margin-left: auto;
       margin-right: auto;
}



footer {
	margin-top: 50px;
	border-top: 1px solid silver;
	font-size: 0.8em;
	text-align: justify;
}

footer ol {
	padding-left: 20px;
}

footer ul {
        list-style: none;
        padding-left: 0px;
}

p {
	text-align: justify;
}



[aria-describedby="myfootnote"] {
content:	'[' counter(footnotes) ']'; /* 1 */
vertical-align:	super; /* 2 */
font-size:	0.6em; /* 3 */
margin-left:	2px; /* 4 */
color:		blue; /* 5 */
text-decoration:none; /* 5 */
cursor: 	pointer; /* 5 */
}


/**
* Inline footnotes references
* 1. Increment the counter at each new reference
* 2. Reset link styles to make it appear like regular text
*/
[aria-describedby="footnote-label"] {
	counter-increment: footnotes; /* 1 */
	text-decoration: none; /* 2 */
	color: inherit; /* 2 */
	cursor: default; /* 2 */
	outline: none; /* 2 */
}

/**
* Actual numbered references
* 1. Display the current state of the counter (e.g. `[1]`)
* 2. Align text as superscript
* 3. Make the number smaller (since it's superscript)
* 4. Slightly offset the number from the text
* 5. Reset link styles on the number to show it's usable
*/
[aria-describedby="footnote-label"]::after {
	content: '[' counter(footnotes) ']'; /* 1 */
	vertical-align: super; /* 2 */
	font-size: 0.6em; /* 3 */
	margin-left: 2px; /* 4 */
	color: blue; /* 5 */
	text-decoration: none; /* 5 */
	cursor: pointer; /* 5 */
}

/**
* Resetting the default focused styles on the number
*/
[aria-describedby="footnote-label"]:focus::after {
	outline: thin dotted;
	outline-offset: 2px;
}

[aria-label="Back to content"] {
	font-size: 0.8em;
}

/**
* Highlight target note
*/
footer :target {
	background: yellow;
}

/**
* Visually hidden yet accessible content
*/
.visually-hidden {
	position:	absolute;
	clip:		rect(0 0 0 0);
	visibility:	hidden;
	opacity: 	0;
}

.indented-quote {
  margin-right: 50px; /* Adjust the value as needed */
}