$primary-color: #000;

body, html {
	min-width: 100%;
	min-height: 100%;
}

body {
	background-color: #000000;
	color: rgba(255, 255, 255, 1);
	max-width: 80%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	max-height: 80%;
	margin: auto;
}

/* For mobile phones: */
img {
	max-width: 20em;
}

@media only screen and (min-width: 1300px) {
	/* For desktop: */
	img {
		max-width: 25%;
	}
}

a {
	color: rgba(200, 200, 200, 0.8);
}
a:hover {
	color: rgba(200, 200, 200, 1);
}
