body {
	color: var(--text-body);
	font-family: "Manrope","Roboto", Arial, Serif;
	font-weight: 300;
	background: radial-gradient(circle at 50% -30%, white 0%, transparent 60%), radial-gradient(circle at 50% 130%, white 0%, transparent 60%), radial-gradient(circle at -10% 30%, var(--gradient-top-left) 0%, transparent 60%), radial-gradient(circle at -10% 110%, var(--gradient-bottom-left) 0%, transparent 70%), radial-gradient(circle at 110% 65%, var(--gradient-top-right) 0%, transparent 80%), radial-gradient(circle at 110% 110%, var(--gradient-bottom-right) 0%, transparent 70%), linear-gradient(180deg, #ffffff 0%, #f7f8ff 100%);
	background-attachment: fixed;
}

.rmes-layout {
	display: content;
	--scroll-opacity: 0;
}

header {
	display: flex;
	flex-direction: row;
}

	header > div {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	header > nav {
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		gap: 1em;
		margin: auto;
		font-size: 1.1em;
		font-weight: 100;
		margin-top: 1em;
		margin-bottom: 1em !important;
		padding: 0.75em 1.5em !important;
		letter-spacing: 0.15em;
	}

nav a {
	color: var(--text-structure);
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 0em 0em 1em var(--color-primary);
}

	nav a::first-letter {
		font-size: 1.25em;
	}

header > .filler {
	flex-grow: 1;
}

header > .header-title {
	font-family: "Tangerine", cursive;
	text-shadow: 0em 0em 0.3em var(--color-primary);
	flex-direction: column;
	align-items: start;
	justify-content: start;
	color: var(--text-structure);
}

header > .header-title {
	position: absolute;
	left: 0.75em;
}

	header > .header-title > span:nth-child(1) {
		font-size: 4em;
	}

	header > .header-title > span:nth-child(2) {
		font-size: 3em;
		margin-top: -0.8em;
	}

header > .header-actions {
	position: absolute;
	right: 0.75em;
	top: 0.5em;
	display: flex;
	flex-direction: column;
	z-index: 1050;
}

main {
	min-height: calc(100vh - 12em);
}

footer {
	background: linear-gradient(to bottom, rgba(255,255,255,0.3), rgba(255, 255, 255, 0.1));
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 1em;
	padding: 1.5em;
	flex-wrap: wrap;
	text-transform: uppercase;
	margin-top: 2em;
	font-size: 0.9em;
	letter-spacing: 0.1em;
}

	footer a {
		color: var(--text-structure);
		text-transform: uppercase;
		text-decoration: none;
		text-shadow: 0em 0em 1em var(--color-primary);
	}

		footer a::first-letter {
			font-size: 1.25em;
		}

main a {
	color: var(--foreground);
	text-decoration: none;
	text-shadow: 0em 0em 1em var(--color-primary);
	font-style: italic;
}

.h1 {
	font-family: "Tangerine", cursive;
	text-shadow: 0em 0em 0.3em var(--color-primary);
	font-size: 4em;
	text-align: center;
}

.flex-break {
	flex-basis: 100%;
}

.w-fit {
	width: fit-content;
}

.rmes-input {
	min-width: 9em;
}

.rmes-input-wrapper,
.rmes-input-wrapper::before,
.rmes-input {
	border-radius: 0.5em;
}

	.rmes-input-wrapper,
	.rmes-input,
	.rmes-input:focus,
	.rmes-input:focus-visible,
	.rmes-input:active,
	.rmes-input:autofill,
	input:-webkit-autofill,
	input:-webkit-autofill:hover,
	input:-webkit-autofill:focus,
	textarea:-webkit-autofill,
	select:-webkit-autofill,
	.rmes-input-select-menu {
		background: rgba(255,255,255,0.3);
	}

.w-80 {
	width: 80%;
}

.statistics-card {
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgba(255,255,255,0.66);
	font-size: 3em;
}

.bg-grey {
	background: rgba(80, 70, 60, 0.3) !important;
}

.rmes-card-group {
	margin-bottom: 1.5rem;
}

.number {
	font-family: monospace;
}