/* ===========================
   SPLASH / LOADING SCREEN
   =========================== */

#splash
{
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, .85);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	opacity: 1;
	transition: opacity .6s ease;
}

#splash.hidden
{
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
}

#splash-card
{
	background: var(--milk-white);
	padding: 2.5rem 3rem;
	border-radius: 12px;
	text-align: center;
	font-family: var(--header-font);
	color: var(--night);
	box-shadow: 0 8px 24px rgba(0, 0, 0, .2);
}