body{
	background-color: rgb(10 10 10);
	overflow: auto;
	overflow-x: hidden;
} 
p.FactsTitleStyle{
	color: rgb(0 171 255); 
	text-align: center;  
	font-size: 3em;
	padding-top: 52vh;
}

.FactsArticle ol{
	list-style-type: circle; 
	list-style-position: inside; 
	background-color: rgb(20 20 20);
	padding: 0;
}

.FactsArticle ol li{
	padding: 25px;
	font-size: 25px;
	text-align: center;
	border-bottom: thin solid black;
	color: rgb(150 150 150);
	text-transform: lowercase;
}

a.FooterNavigation:hover{
	color: lightblue;
}

a.FooterNavigation:active{
	color: red;
}

a.FooterNavigation{
	text-decoration: none;
	color: white;
	font-size: 15px;
}

a.FooterNavigation pre{
	font-family: Perpetua Titling MT;
}

.Header{
	width: 99%; 
	height: 55%; 
	background-image: linear-gradient(to right, rgb(0 201 180), rgb(0 250 171));
	border: thin solid white; 
	position: fixed; 
	top: 0px;
	overflow: hidden;
}

.NavigationContainer{
	background-color: black;
	width: 100%; 
	height: auto; 
	float: left;
	box-shadow: 0px 1px 10px 2px white;
}

.NavigationContainer p{
	display: inline;
	color: white;
	position: relative;
	top: 20px;
	left: 20px;	
	font-size: 30px;
}

span{
	color: rgb(0 201 146); 
	font-size: 40px;
}

ol.Navigation{
	position: relative;
	float: right;
	padding: 5px;
	padding-right: 2vw;
	
}

ol.Navigation li{
	float: left;
	list-style-type: none;
	height: auto;
	padding-left: 25px;
	padding-right: 35px;	
	background-color: rgb(30 30 30);
	border: 2px solid rgb(10 10 10);
}

ol.Navigation li:hover{
	border: thin solid white;
	background-color: black;
}

ol.Navigation li a{	
	display: block;
	text-decoration: none;
	font-size: 15px;
	margin:-5px 0px;
	text-align: center;
	color: white;
}

ol.Navigation li a:active{
	color: red;
}

.NavImg{
	display: inline;
	float: left;
	padding: 7px;
	background-color: black;
	margin: 0 -25px;
}

.NavImg img{
	height: 20px;
	width: 20px;	
}

.NavRef{
	float:right;
	padding-left: 30px;
}

pre{
	font-family: Stencil;
}

footer{
	text-align: center; 
	font-size: 20px; 
	color: white;
	width: 100%;
	height: auto;
	background-color: rgb(2 2 2);
	border-top: 1px solid white;
}

table{
	margin-left: auto;
	margin-right: auto;
}

.Description{
	word-wrap: break-word; 	
	height: 65%; 
	width: 50%; 
	overflow: auto;
	float: left;
	font-size: 20px;
	margin: 40px 30px;
}

.Description  p:first-letter{
	color: white;
	font-size: 25px;
}

img.HeaderImageStyle{
	position: relative;
	width: 30%; 
	height: 60%; 
	float: left; 
	left: 10%; 
	top: 2%; 
	border: 10px solid white; 
	border-bottom: 50px solid white; 
	border-top: 15px solid white;
	box-shadow: 3px 3px 6px 4px rgb(40 40 40);
}


@media (max-width: 45em){
	ol.Navigation li{
		float: none;
		padding: 0;		
	}
	.NavRef{
		float: none;
		padding-top:2px;
	}
	.NavImg{
		margin: 0px 0px;
	}
	.NavImg img{
		float: right;		
	}
	ol.Navigation li{
		width: 200px;
	}
	img.HeaderImageStyle{
		width: 20%;
		height: 20%;
	}
	.Description{
		position: relative;
		padding-left: 30px;
		padding-top: 5px;
		margin: 0 auto;
		height: 40%;
	}
}


/*Main scroll bar style*/
body::-webkit-scrollbar-track{
	background: white;
	border-radius: 6px;
}

body::-webkit-scrollbar{
	width: 10px;
}

body::-webkit-scrollbar-thumb{
	background-color: rgb(0 201 146);
	border-radius: 6px;
	border: 2px solid black;
}

/*Section scroll bar style*/
.Description::-webkit-scrollbar-track {
	background: white;
	border-radius: 6px;
}

.Description::-webkit-scrollbar {
	width: 11px;
}

.Description::-webkit-scrollbar-thumb {
  background-color: rgb(0 201 146);
  border-radius: 6px;
  border: 2px solid black;
}