@font-face
{
	font-family: "Fira Sans";
	src: local("Fira Sans"), local("FiraSans-Regular"), url("/font/regular.woff2") format("woff2"), url("font/regular.woff2") format("woff2"), url("/font/regular.woff") format("woff"), url("font/regular.woff") format("woff");
}

@media only screen and (orientation: portrait)
{
	.landscape { display: none; }
	.landscapePortraitVid { width: 75%; }
}

@media only screen and (orientation: landscape)
{
	.portrait { display: none; }
	.landscapePortraitVid { height: 75%; }
}

body
{
	background-color: #000;
	color: #E0E0E0;
	font-family: "Fira Sans";
	font-size: 200%;
	line-height: 1.2;
}

nav
{
	width: 100%;
	text-align: center;
}

a { text-decoration: none; }
a:link    { color: #2B6BEC; }
a:visited { color: #2B6BEC; }
a:hover   { color: #C40000; }
a:active  { color: #900000; }

.centered
{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	text-align: center;
}