:root {
	--mocha-base: #1e1e2e;
	--mocha-text: #cdd6f4;
	--mocha-pink: #f5c2e7;
	--mocha-mauve: #cba6f7;
	--mocha-red: #f38ba8;
	--mocha-maroon: #eba0ac;
	--mocha-peach: #fab387;
	--mocha-yellow: #f9e2af;
	--mocha-green: #a6e3a1;
	--mocha-teal: #94e2d5;
	--mocha-sky: #89dceb;
	--mocha-sapphire: #74c7ec;
	--mocha-blue: #89b4fa;
	--mocha-lavender: #b4befe;
	--mocha-text: #cdd6f4;
	--mocha-subtext1: #bac2de;
	--mocha-subtext0: #a6adc8;
	--mocha-overlay2: #9399b2;
	--mocha-overlay1: #7f849c;
	--mocha-overlay0: #6c7086;
	--mocha-surface2: #585b70;
	--mocha-surface1: #45475a;
	--mocha-surface0: #313244;
	--mocha-surface0-bg: rgba(31, 32, 44, 0.5);
	--mocha-mantle: #181825;
	--mocha-crust: #11111b;
	overflow-x: hidden;
	color: var(--mocha-mauve);
}

body {
	margin-left: 5%;
	margin-right: 5%;
	background-color: var(--mocha-crust);
	font-family: "Jersey 15", sans-serif;
	font-size: 170%;
}

a {
	color: var(--mocha-maroon);
}

.jersey-15-regular {
	font-family: "Jersey 15", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.footer {
	width: 100%;
}

.ardyd-credit {
	font-family: "Jersey 15", sans-serif;
	font-size: 75%;
	text-align: center;
	display: flex;
	justify-content: center;
}

.footer-banners {
	display: flex;
	justify-content: center;
}