html, body {
	background: #000;
	color: #fff;
	margin: 0;
}

body {
	min-height: 100vh;
	overflow: hidden;
}

.ooo-headline,
.ooo-subtext {
	opacity: 0;
	animation: ooo-fade 7s ease-in-out infinite;
	will-change: opacity;
}

.ooo-subtext {
	margin-top: 1rem;
	color: rgba(255, 255, 255, 0.7);
	font-weight: 300;
	letter-spacing: 0.01em;
}

@keyframes ooo-fade {
	0%, 100% { opacity: 0; }
	14%, 86% { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
	.ooo-headline,
	.ooo-subtext {
		opacity: 1;
		animation: none;
	}
}

/* Hide admin bar bleed-through on the roaming page */
html.ooo-roaming, body.ooo-roaming {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}