html{
	background-image: url("Assets/noZebesBackground.png");
	font-family:"Gill Sans", sans-serif;
}

.container{

}

.header{
	position:sticky;
	top:0;
	color:white;
	padding:5px, 0,0,0;
	height:15%;
	border-radius: 8px;
	padding-bottom:0;
	background:rgba(255, 127, 0, 0.75);
	z-index: 1000;
}

.logo{
  	max-width:150px; 
  	height: auto; 
	border-color:rgba(255, 127, 0, 1);;
	border-style:solid;
	border-width:4px;
	opacity: 1.0;
	float:left;
	position:relative;
	border-radius:8px;
	z-index: 500;
}



.navList{
	list-style-type: none;

}
.navItem{
	color:white;
	list-style-type:none;
	text-decoration:none;
	font-size:14pt;
	padding:20px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius:8px;

	box-shadow: inset 0 0 0 0 rgba(255, 127, 0, 0.75);
  	transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
	
}
.navItem:hover{

	box-shadow: inset 200px 0 0 0 rgba(255, 127, 0, 0.75);
	border-bottom-right-radius: 8px;
	border-bottom-left-radius:8px;
  	color: white;

}

.qItem{
	color:white;
	list-style-type:none;
	text-decoration:none;
	font-size:14pt;
	/*border-bottom-right-radius: 8px;
	border-bottom-left-radius:8px;*/
	box-shadow: inset 0 0 0 0 rgba(255, 127, 0, 0.75);
  	transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
  		border-bottom-right-radius: 4px;
	border-top-right-radius:4px;
}

.qItem:hover{
	box-shadow: inset 400px 0 0 0 rgba(255, 127, 0, 0.75);
	border-bottom-right-radius: 4px;
	border-top-right-radius:4px;
  	color: white;
}
.nav > ul > li{
	position:relative;
	float:left;
	display:inline;
}
.content{
	position:relative;
	top:50px;
	color:white;
	clear:both;
}

.quickLinks{
	position:absolute;
	left:0;
	display: inline-block;
	
}
.quickList{
	list-style-type:none;
	text-decoration:none;
}

#theWords{
	font-size:30pt;
	opacity: 1;
}

#oLir{
	margin-right:10%;
	margin-top: 0px;
	width:60%;
	padding:10px;
	float:right;
	background-color:#202020;
	opacity:0.85;
	border-radius:25px;
	color:white;
	font-size:18pt;
}