:root {
	--black-color: black;
	--gray-color: #e8e8e8;
	--white-color: rgb(255, 255, 255);
	--accent-color: #5a33f0;
	--light-accent-color: rgb(156, 130, 248, .2);
	--green-brown-color: rgb(106, 121, 91);
}

body {
	font: 1rem 'Fira Sans', sans-serif;
	background: var(--black-color);
	color: var(--gray-color);
	text-align: center;
}

main {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	flex-direction: row;
}

article {
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	padding: 0.05rem;
	max-width: 20rem;
}

p {
	text-align: start;
	border: var(--white-color);
}

/* unvisited link */
a:link {
	color: var(--green-brown-color);
}

/* visited link */
a:visited {
	color: rgb(1, 58, 5);
}

/* mouse over link */
a:hover {
	color: rgb(240, 249, 157);
}

/* selected link */
a:active {
	color: rgb(185, 185, 236);
}

.preprint {
	color: var(--accent-color);
}