:root
{
	--main-bg-color: #8cbed6;
}

@font-face
{
	font-family: "tengwar";
	src: url("tengwar-annatar-glaemscrafu-bold.woff2") format("woff2");
}

.tengwar
{
	font-family: tengwar, 'Noto Sans', sans-serif;
}

body
{
	background-image: url('img/bats.png');
	background-size: contain;
	background-position: center;
	margin: 0;
	background-color: var(--main-bg-color);
	user-select: none;
}

h1 span, h2 span
{
	background-color: var(--main-bg-color);
	padding: 6px 5px 2px;
}

table
{
	margin: auto;
	border-collapse: collapse;
	background-color: white;
}

table tr th.size150
{
	width: 150px;
}

table tr th.size300
{
	width: 300px;
}

table tr th
{
	background-color: #F0F0F9;
}

table tr td.centre
{
	text-align: center;
}

table tr th,
table tr td
{
	border: 1px black solid;
	margin: 0;
	padding: 0;
}

img
{
	vertical-align: bottom;
}

table tr th span,
table tr td span
{
	display: inline-block;
	margin: 6px 5px 2px;
}

table tr td span.italic
{
	font-style: italic;
}

a
{
	font-weight: normal;
	text-decoration: none;
	color: blue;
	outline: none;
}

h1
{
	text-align: center;
}

footer
{
	margin-top: 10px;
	text-align: center;
	font-size: 0.8em;
}

footer span
{
	display: inline-block;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: var(--main-bg-color);
}

tr#native td
{
	font-size: 40px;
}