:root {
	--main-bg-color: lightslategrey;
	--accent-color: rgb(234, 255, 97);
	--accent-rollover: yellow;
	--overlay-color: #2f4f4fb8;
	--main-text-color: azure;
	--light-text-color: azure;
	--dark-text-color: rgb(56, 56, 7);
	--link-color: cyan;
	--link-visited-color: rgb(189, 0, 189);
}

@font-face {
	font-family: 'shadowsintolight';
	src: url('/font/shadowsintolight-regular.woff2') format('woff2'),
		url('/font/shadowsintolight-regular.woff') format('woff'),
		url('/font/shadowsintolight-regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'caprasimo';
	src: url('/font/caprasimo-regular.woff2') format('woff2'),
		url('/font/caprasimo-regular.woff') format('woff'),
		url('/font/caprasimo-regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

html {
	background-color: var(--main-bg-color);
	text-align: center;
	width: 100%;
}

body {
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}

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

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