h1 {
	font-size: 3.5rem;
	margin-top: 1ex;
	margin-bottom: 1ex;
}

h2 {
	font-size: 2.5rem;
	margin-top: 1ex;
	margin-bottom: 0.5ex;
}

h3 {
	font-size: 2rem;
}

h3::before {
	color: var(--lightMetaColor);
	content: '## '
}

h1::before,
h2::before,
h4::before,
h5::before,
h6::before {
	color: var(--metaColor);
	content: '# '
}


a {
	text-decoration: none;
	border-radius: .3rem;
	padding: 0 .2ex 0 .2ex;
	color: var(--linkColor);
	transition: 150ms;
}

a:hover {
	background-color: var(--linkColor);
	color: var(--bgColor);
	transition: 150ms;
}

footer {
	font-size: 1.4rem;
	clear: both;
	opacity: 0.5;
}

footer {
	text-align: left
}

.footnote-item p {
	display: inline;
	padding: 0 0 0 1rem;
}

hr.footnotes-sep {
	margin: 5rem 0 0 0;
}

.footnote-ref > a {
	padding: 0 2pt 0.8rem 2pt !important;
}

a.footnote-backref, .footnote-ref > a
{
	color: var(--metaColor);
	padding: 0 2pt 0 2pt;
}

a.footnote-backref:hover,
.footnote-ref > a:hover
{
	color: var(--bgColor);
	background-color: var(--metaColor);
}

.footContainer {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}