html { /*To set background image*/
	background-image: url("Eric Tung Film.jpg");
	background-position: center; /*Centralized it so that it always looks centralized*/
	background-size: cover; /*Make image cover the whole browser*/
	background-attachment: fixed; /*Make sure the image won't move when the page is scrolling*/
	height: 100%; /*Make sure the image stays fit*/
	
}
header { /*This is where I set the header*/
	background-image: linear-gradient(to right, rgba(255,198,0,0.40), rgba(200,0,255,0.40), rgba(255,0,0,0.40));
	height: 100pt;
	width: 100%;
}
table tr:nth-child(1) td:nth-child(1) img{ /*Adjustments of the left logo on header*/
	margin: 9pt;
}
table tr:nth-child(1) td:nth-child(2) { /*Adjustments of the title*/
	font-family: "Arial Black";
	font-size: 29pt;
	text-align: left;
	color: white;
	padding: 0pt 5pt;
    -webkit-text-stroke: 2px rgba(255,157,32,1.00);
}
table tr:nth-child(2) td ul.head{ /*Adjustments of the navigation bar*/
	margin: 8pt -36pt;
	text-shadow: 1pt 1pt 5pt red;
}
table tr:nth-child(2) td ul.head li{ /*Adjustments of the navigation bar*/
	list-style-type: none; /*No bullet is needed*/
	display: inline; /*Display the buttons in the same row*/
	padding: 0pt 10pt;
}
table tr:nth-child(2) td ul.head li a{ /*Adjustments of the text properties in navigation bar*/
	font-family: "Segoe UI Black";
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 18pt;
}
/*Adjustments of the three icons on the right of the header*/
#yt { 
	float: right;
	margin: -106pt 170pt -25pt 0pt;
}
#fb {
	float: right;
	margin: -95pt 100pt 0pt 0pt;
}
#ig {
	float: right;
	margin: -82pt 16pt 0pt 0pt;
}