#controller {
	z-index: 999;
}

#infos {
	text-transform: uppercase;
	padding: 30px 0;
	display: none;
	position: absolute;
	width: 400px;
	text-align: center;
	font-family: source-sans-pro, sans-serif;
}

#infos h1 {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

#infos h2 {
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

#lengthElement {
	margin-bottom: 30px;
}

#imageElement {
	z-index: -10;
}

#imageElement img {
	width: 100%;
}

body {
	overflow: hidden;
}

#progressBar {
	/*background-color: yellow;*/
	width: 400px;
}

#progressBar span {
	position: absolute;
	z-index: 999;
}

#website #title {
	font-family: source-sans-pro, sans-serif;
	text-transform: uppercase;
	position: absolute;
	top: 10px;
	left: 10px;
}

	#website #title h1 {
		margin: 0px;
		padding: 0px;
		font-weight: normal;
		font-style: italic;
	}

	#website #title h2 {
		margin: 0px;
		padding: 0px;
		text-transform: lowercase;
		font-weight: normal;
		font-style: italic;
	}

	#website #title strong {
		font-style: normal;
	}

body {
	background-image: url(//placehold.it/2000x2000);
}

.round {
	display: block;
	width: 10px;
	border-radius: 100px;
	height: 10px;
	background-color: black;
}

progressBarContainer {
	position: relative;
}

#progressBarHelper {
	z-index: -1;
	position: absolute;
	width: 400px;
	margin-top: 5px;
	border: none;
	border-bottom: 1px solid black;
}

#lengthElement {
	display: none;
}

#controller {
	width: 500px;
	text-align: center;
}

#finalSlide {
	display: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 400px;
	height: 200px;
	background-color: green;
}

#acts {
	font-family: monospace;
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 15px;
}