/* Youtube */

@font-face {
  font-family: 'OverseerV2 Regular';
  src: url('http://frostburntweb.site.nfoservers.com/loading_rsrg/fonts/overseer.woff2');
}

@font-face {
	font-family: 'FalloutyV2';
	src: url('http://frostburntweb.site.nfoservers.com/loading_rsrg/fonts/r_falloutyv2-webfont.woff');
  }
  

#player {
	position: absolute;
	left: -800px; top: -800px;
	z-index: -99;
}

body, html {
	padding: 0; margin: 0;
	width: 100%; height: 100%;
}

body {
	font-family: 'FalloutyV2';
	font-size: 5vh;
	text-shadow:
    1px 1px 0 #000,
    -1px 1px 0 #000,
    -1px -1px 0 #000,
    1px -1px 0 #000;
	color:rgb(98, 255, 89);
	background-color: black;
}

video {
	position: fixed; 
	right: 0; 
	bottom: 0;
	min-width: 100%; min-height: 100%;
	width: auto; height: auto;
	z-index: -2;
	background-size: cover;
	background-position: center; 
}

#title {
	font-family: 'OverseerV2 Regular';
	width: 99%;
	font-size: 9vh;
	padding-top: 4vh;
	text-align: center;
	text-shadow:
    2px 2px 0 #000,
    -2px 2px 0 #000,
    -2px -2px 0 #000,
    2px -2px 0 #000;
}

#title img {
	margin-top: 18px;
	margin-left: 12px;
	
}

#gamemode, #map {
	font-weight: bold;
}

#status-parent {
	position: absolute;
	height: 6vh;
	width: 100%;
	top: 80%;
	display: flex;
	justify-content: center;
}

#status-container {

	text-align: center;
	background-color: rgba(1, 1, 1, 0.719);
	outline-style: solid;
	outline-width: 2px;
	outline-color: rgb(98, 255, 89);
	padding: 1vh;
	width: 80%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#loading {
	display: inline-block;
	width: 80%;
	height: 4px;
	background-color: rgba(255,255,255,0.5);
}

#loading-progress {
	height: 100%; width: 0%;
	background-color: white;
}

#messages {
	font-weight: bold;
	display: none;
	font-size: 1.5vh;
}

#subtitle {
	text-align: center;
}

#music {
	position: absolute;
	left: 0; bottom: 0;
	margin: 12px;
	display: none;
	line-height: 24px;
}

#music-name {
	position: relative;
	font-weight: bold;
	left: 14px;
	margin-top: 6px;
}

#overlay {
	position: fixed;
	left: 0px; top: 0px;
	width: 100%; height: 100%;
	z-index: -1;
	background-repeat: repeat;
}