html, body {
	height: 100%;
	margin: 0;
}

@media (prefers-color-scheme: dark) {
	body {
		color: #eee;
		background: #121212;
	}
}
@media (prefers-color-scheme: light) {
	body {
		color: #222;
		background: #fff;
	}
}

.center {
	width: 100%;
	height: 85%;
	// border: 1px solid red;
}

.center-text {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	font-family: "creamfont";
	font-size: 30pt;
	text-align: center;
	// border: 1px solid yellow;
}

.footer {
	width: 100%;
	height: 15%;
	// border: 1px solid red;
}

.footer-text {
	position: fixed;
	left: 50%;
	bottom: 0;
	padding-bottom: 3%;
	transform: translate(-50%, 0);
	font-family: "Avenir", "Segoe UI", Roboto;
	font-size: 10pt;
	color: #7f7f7f;
	text-align: center;
	white-space: nowrap;
	// border: 1px solid green;
}

.invisible-link {
	text-decoration: none;
	color: inherit;
}