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

body, html {
	font-family: 'Ubuntu', sans-serif;
	padding: 0; margin: 0;
	width: 100%; height: 100%;
}

body {
	font-size: 16px;
	text-shadow: 1px 1px 0px rgb(0, 0, 0);
	color: rgb(255,255,255);
	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 {
	position: absolute;
}

#status-container {
	width: 100%;
	background-color: rgba(0,0,0,0.25);
	position: absolute;
	bottom: 0px;
	left: 0;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#loading-progress {
	width: 5%;
	height: 40px;
	background-color: rgba(0,0,0,0.5); 
}

#status {
	border-radius: 25px; 
	background-color: rgba(0,0,0,0.5); 
	padding: 5px; 
	padding-left: 20px; 
	padding-right: 20px; 
	top: 5px; 
	left: 65px; 
	text-align: center; 
	position: absolute; 
	height: 20px;
}

#music-name {
	border-radius: 25px; 
	background-color: rgba(0,0,0,0.5); 
	padding: 5px; 
	padding-left: 20px; 
	padding-right: 20px; 
	top: 5px; 
	left: 65px; 
	text-align: center; 
	position: absolute; 
	height: 20px;
}

#percent {
	 border-radius: 25px; 
	 background-color: rgba(0,0,0,0.5); 
	 padding: 5px; 
	 top: 5px; 
	 left: 10px; 
	 text-align: center; 
	 width: 40px; 
	 position: absolute; 
	 height: 20px;
}

#title {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#title img {
    position: absolute;
    top: -9999px;
    right: -9999px;
    bottom: -9999px;
    left: -9999px;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}