/*

Lavender (web) C5D1EB
Powder Blue 92AFD7
Payne's gray 5A7684
Feldgrau 395B50
Dark Green 1F2F16

*/

@font-face {
  font-family: upheaval; /* set name */
  src: url(../fonts/upheavtt.ttf); /* url of the font */
}

@font-face {
  font-family: SongOfCoronos; /* set name */
  src: url('../fonts/Song Of Coronos.ttf'); /* url of the font */
}

html, body {
	margin: 0px;
	padding: 0px;
	background-color: #000;
}

div {
	color: white;
}

#body-container {
	position: relative;
	overflow: hidden;
}
#body-container-bg-img {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 0;
}
/*
#landing-container { 
	position: absolute;
	height: 500px;
	width: 800px;
	margin: 0px;
	
}
*/
#landing-container {
	position: fixed;
	right: 20%;
	width: 250px;
	margin: 0px;
	z-index: 999;
	/*
	border-top: 10px solid #395B50;
	border-bottom: 10px solid #395B50;
	*/
}

#landing-bar-title {
	font-family: upheaval;
	font-size: 75px;
	/*color: #5A7684;*/
	color: white;
	-webkit-text-stroke: 1px black;
	text-shadow: 0px 0px 40px black;
	z-index: 1000;
}

#landing-bar-title2 {
	font-family: SongOfCoronos;
	font-size: 50px;
	position: relative;
	top: -45px;
	left: 125px;
	color: black;
	font-style: italic;
	color: white;
	text-shadow: 0px 0px 10px black;
	z-index: 1001;
}

#landing-bar-hat {
	z-index: 1002;
	position: relative;
	top: -110px;
	left: 230px;
}

#landing-button-container {
	position: relative;
	top: -100px;
	left: 37px;
	text-align: center;
}

#nav-label {
	position:fixed;
	padding: 0px;
	margin: 0px;
	height: 30%;
	width: 100%;
	bottom: -10px;
	right: 0px;
	font-style: italic;
	font-family: "Arial Italic";
	font-size: 30vh;
	text-align: right;
	opacity: .4;
	overflow: hidden;
	text-overflow: clip;
	direction: rtl;
}

div.menu-button-sm {
	float: left;
	cursor: pointer;
}
div.clear-float {
	clear:both;
}

/* Order: color → image → repeat → position/size → attachment */