@font-face {
	font-family: "M PLUS 1";
	src:	url('https://files.epicalert.xyz/fonts/mplus/MPLUS1-VariableFont_wght.woff2') format('woff2') tech('variations'),
		url('https://files.epicalert.xyz/fonts/mplus/MPLUS1-VariableFont_wght.woff2') format('woff2-variations'),
		url('https://files.epicalert.xyz/fonts/mplus/Mplus1-Regular.woff2') format('woff2'),
		url('https://files.epicalert.xyz/fonts/mplus/Mplus1-Regular.woff') format('woff');
}
@font-face {
	font-family: "M PLUS 1 Code";
	src:	url('https://files.epicalert.xyz/fonts/mplus/Mplus1Code-Regular.woff2') format('woff2'),
		url('https://files.epicalert.xyz/fonts/mplus/Mplus1Code-Regular.woff') format('woff');
	font-weight: normal;
}

:root {
	--color-bg: #140f15;
	--color-bg-header: #281d39;
	--color-bg-footer: #2b1d25;
	--color-bg-code: #222222;
	--color-text-primary: #cad3f5;
	--color-text-header-main: #ff6c82;
	--color-text-header: #ed8796;
	--color-text-link: #fbcd9c;
}

body {
	background-color: var(--color-bg);
	color: var(--color-text-primary);
	font-family: "M PLUS 1", Inter, Helvetica, sans-serif;
	margin-left: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
}

.content {
	margin-left: 8em;
	margin-right: 8em;
	padding-bottom: 2em;
}

h1 {
	color: var(--color-text-header-main);
}

h2, h3, h4 {
	color: var(--color-text-header);
}

a {
	color: var(--color-text-link);
}

code {
	background-color: var(--color-bg-code);
	padding:0.5em;
}

footer {
	background-color: var(--color-bg-footer);
	padding-left: 4em;
	padding-top: 1em;
	padding-bottom: 1em;
}

.footer p {
	font-size: 0.8em;
}

.footer-links {
	list-style: none;
	padding-left: 0em;
}

.footer-links li {
	display: inline-block;
	padding-left: 0em;
	padding-right: 1em;
}

.footer-links a {
	text-decoration: none;
}

.header {
	background-color: var(--color-bg-header);
	padding-left: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.header-title {
	color: var(--color-text-header-main) !important;
	font-size: 1.8em !important;
	font-weight: bold;
	text-decoration: none;
	padding-right: 1em;
}

.header-links {
	list-style: none;
}

.header-links li {
	display: inline-block;
	padding: 0.5em;
}

.header-links a {
	font-size: 1.2em;
	text-decoration: none;
	background-color: var(--color-bg-header-button);
}

.new-tag {
	margin-bottom: 0.5em;
}