@import url('https://fonts.googleapis.com/css?family=Open+Sans');

body 
{
	background-color: #000000FF;
	position: absolute;
	top: 0px;
	color: #DDD;
	font-family: "Open Sans", Tahoma, Arial, sans-serif;
	font-size: 14px;
	margin: 0px;
	width: 100%;
	height: 100%;
	overflow: auto;
}
table 
{
	font-size: 14px;
	border-collapse: collapse;
}
thead 
{
	background-color: #DDD;
}
tbody tr:nth-child(odd)
{
	background-color: #F3F3F3;
}
td 
{
	border: 1px solid #DDD;
	padding: 2px;
}
a 
{
	text-decoration: none;
	color: #69F;
}

.align-right 
{
	text-align: right;
}

.title 
{
    font-size: 48px;
    text-align: center;
}
.heading 
{
    font-size: 36px;
    text-align: center;
}
.subheading 
{
    font-size: 32px;
    text-align: center;
}
pre 
{
    margin: 0px;
    text-align: center;
}
.bodytext
{
	font-size: 20px;
}
.node 
{
	margin-left: 2px;
	padding: 10px;
    margin-bottom: 0px;
    text-align: center;
}
.content
{
    z-index: 1;
    margin: auto;
    background-color: #323232AF;
}
.background 
{
	position:fixed;
    left:0px;
	top:0px;
	margin: 0px;
	padding: 0px;
    z-index:-1;	
}
.video-container 
{
	margin-left: 33%;
	width: 35%;
	aspect-ratio: 9/16;
}
.video
{
	display: block;
	width: 100%;
	height: 100%;
}
@media screen and (orientation: landscape ) 
{
	.content { width: 60%; }
}
@media screen and (orientation: portrait ) 
{	
	.content { width: 90%; }
	.video-container
	{
		width: 75%;
		margin-left: 12.375%;
	}
	.background
	{
		height: 100%;
		top: 112px;
	}
}