* {
	margin: 0;
}

html {
	--border-margin: 40px;
	background: #111;
}

body {
	font-family: sans-serif;
	min-height: calc(100vh - var(--border-margin));
	margin: calc(var(--border-margin) * 0.5);
	/* overflow: hidden; */
	border: 12px solid #BA0069;
	box-sizing: border-box;
	color: #fff;
	display: flex;
	align-items: center;
	flex-direction: column;
	font-size: 1em;
	text-shadow: 1px 1px #000;
	padding: 0 2em;
}

#root {
	display: flex;
	align-items: center;
	flex-direction: column;
}

.column {
	max-width: 70ch;
	text-align: justify;
	flex: 1;
}

a {
	color: #09f;
}

a:hover {
	color: #3df;
}

p, ul, ol {
	margin: 0px 16px 16px 0px;
}

h2, h3, h4 {
	color: var(--theme-color);
}

#headerImage {
	margin: .8em 0;
	min-width: 0;
	max-width: 900px;
	width: 100%;
}

footer {
	margin: 64px auto 16px auto;
	font-style: italic;
	color:#999;
}