:root {
	--col-background: #080808d8;
}

@font-face {
	/* Comfortaa font by Johan Aakerlund - https://github.com/alexeiva/comfortaa
	Alt. link - https://fonts.google.com/specimen/Comfortaa
	Converted to WOFF2 */
	font-family: "Comfortaa";
	font-display: swap;
	src: url("/_fonts/Comfortaa-VariableFont_wght.woff2") format('woff2');
}

html {
	background-color: #090909;
}

/* Base pattern layer */
html::before {
	background: url("/_img/stars.webp") repeat;
}

/* Animated flickering layer */
html::after {
	background: url("/_img/stars_mirrored.webp") repeat;

	animation: Bkg 15s infinite linear;
}

body::before {
	--col-grad-inner: #00000000;
	--col-grad-outer: #00000064;

	z-index: -1;
	
	background: radial-gradient(circle, var(--col-grad-inner), var(--col-grad-outer));
}