/*
html {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 150%;
  line-height: 1.4;
}
*/

.w3-animate-fading-quick{animation:fading 4s infinite}@keyframes fading{0%{opacity:0}3%{opacity:1}97%{opacity:1}100%{opacity:0}}
.w3-animate-fading-quick-x{animation:fading 4s infinite}@keyframes fading{0%{opacity:0}3%{opacity:1}97%{opacity:1}100%{opacity:0}}

/*
#slideshow { 
	margin: 0px 0px; 
	position: relative; 
	width: 100%;
	height: 100%; 
	padding: 0px; 
	//box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

#slideshow > div { 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	right: 0px; 
	bottom: 0px; 
}
*/

video {
	object-fit: cover;
	position: relative;
	left: 0;
	top: 0;
	width: 100vw;
	height: 400px;
}

	
body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	overflow: auto;
	height: 100%; 
	max-height: 100%; 
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5em;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000;
	background-color: #f1f1f1;
}

.viewport_header {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 400px; 
	display: flex;
	align-items: center;
	justify-content: center;
}

h1 {
  font-family: "Syncopate", sans-serif;
  color: #ffffff;
  font-size: 4vw;
  text-align: center;
  text-shadow: 2px 2px 2px #000000;
}

main {
	position: static;
	overflow: auto; 
	background: #f1f1f1;
			
	/* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain.
		You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	margin: 0; 
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	text-align: left;
}
		
.innertube_main {
	margin-top: 0px;
	margin-left: 40px; /* Provides padding for the content */
}
		
.innertube_nav {
	/* Provides padding for the content */
	margin-top: 15px;
	margin-left: 15px; 
}
		
p {
	color: #fff;
}

p1 {
	color: #000;
}

nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
		
nav ul a {
	color: #fff;
	text-decoration: none;
}
				
/*IE6 fix*/
* html body{
	padding: 100px 0 0 230px; /* Set the first value to the height of the header and last value to the width of the nav */
}
		
* html main{ 
	height: 100%; 
	width: 100%; 
}