/*body {
	background: 100vh; ;
}*/

#container {
	background-image: url("yogastudio.jpg");
	width: 100vw;
	border: 1px solid black;
	height: 100vh;
	overflow: scroll;
	position: absolute;
	top: 0px	;
}

#startScreen {
	background-color: rgba(0,0,0,0.95);
	height: 100vh;
	width: 100vw;
	z-index: 100;
	position: fixed;
	top: 0;
}

.button {
	/*background-color: rgba(200,200,200,0.85);*/
	background-color: rgba(255,255,0,0.8);
	width: 250px;
	border: 2px rgb(150,150,0) solid;
	height: 40px;
	color: black;
	/*padding: 20px;*/
	padding-top: 20px;
	font-size: 1.2em;
	float: left;
	text-align: center;
	vertical-align: top;
	margin-left: 12vw;
	margin-top: 2vh;
	margin-bottom: 1vh;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 400;
}

.button:hover {
	background-color: rgba(255,255,100, 0.8);
}

.button:active {
	background-color: rgba(255,255,100, 0.8);
	outline: 3px rgb (255,255,0) solid;
}

.buttonPlay {
	background-color: rgba(255,255,0,0.8);
	width: 250px;
	border: 2px rgb(150,150,0) solid;
	height: 40px;
	color: black;
	padding-top: 20px;
	font-size: 1.2em;
	text-align: center;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 400;
	margin-top: calc(100vh / 5);
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
}

.buttonPlay:hover {
	background-color: rgba(255,255,100, 0.8);
}

h1 {

	color: yellow;
	background-color: rgba(0,0,0,0.8);
	text-align: center;
	margin-top: 2.1vh;
	/*margin-top: 5px;*/
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding: 3px;
	font-size: 3em;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	/*font-family: 'Yanone Kaffeesatz', sans-serif;*/
	font-weight: 400;
	border-top: solid 4px white;
}

h2 {
	margin: 0px;
	color: black;
	background-color: rgba(255,255,255,0.8);
	text-align: center;
	font-size: 1.2em;
	padding: 4px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 300;
	/*outline: solid 0px 1px 0px 1px black;*/
}

}

/*#quiet {
	margin-left:41.5%;
}*/