html {
	font-size: 1.2em;
	font-family: ui-monospace;
	background-color: #0a0a0a;
	color: #eee;
}

/* Trick to stop nav links from transitioning from seagreen before page fully loads. */
a {
	color: #eee;
}

/* Only links in paragraphs are seagreen. */
p a {
	color: seagreen;
}

/* Add external link image when opening to new tab. */
p a[target="_blank"]::after {
	content: "";
	mask-image: url('../img/icons8-external-link.svg');
	mask-size: cover;
	display: inline-flex;
	background-color: seagreen;
	width: .8rem;
	height: .8rem;
	position: relative;
	top: 2px;
	margin-left: 4px;
}

main {
	margin: 0 15%;
}

code {
	color: #ea1a0b;
	background-color: #2a2a2a;
	font-size: 1.3em;
	border-radius: 10px;
	padding: 0.1em 0.5em;
}

.container {
	display: grid;
	align-items: center;
	justify-items: center;
}

pre {
	font-size: 1.3em;
	padding: 0;
	margin: 0 auto;
	text-align: center;
}

.center {
	position: center;
}

footer {
	margin: 20% auto auto auto;
}

#footer-tree {
	padding: 1.3em 0 0 0;
}

hr {
	border: solid;
	color: inherit;
}

.random-tree {
	font-family: monospace;
	white-space: pre;
}