* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	height: 100vh;
	width: 100vw;
}

.background {
	height: 100vh;
	width: 100vw;
	background-color: skyblue;
}

.bird {
	height: 100px;
	width: 100px;
	position: fixed;
	top: 40vh;
	left: 30vw;
	z-index: 100;
}

.pipe_sprite {
	position: fixed;
	top: 40vh;
	left: 100vw;
	height: 70vh;
	width: 6vw;
	background-color:darkgreen;
}

.welcome {
	position: fixed;
	z-index: 10;
	height: 10vh;
	font-size: 10vh;
	font-style: ;
	font-variant: small-caps;
	font-weight: bold;
	color: rgb(131, 42, 1);
	top: 2vh;
	left: 20vw;
	text-align: center;
}

.message {
	position: fixed;
	z-index: 10;
	height: 5vh;
	font-size: 5vh;
	font-weight: 100;
	color: black;
	top: 18vh;
	left: 20vw;
	text-align: center;
}

.info {
	position: fixed;
	z-index: 10;
	height: 5vh;
	font-size: 2vh;
	font-weight: 100;
	color: rgb(rgb(32, 32, 32));
	top: 90vh;
	left: 20vw;
	text-align: center;
}

.auswahl {
	position: fixed;
	z-index: 10;
	height: 5vh;
	font-size: 5vh;
	font-weight: 100;
	color: rgb(black);
	top: 25vh;
	left: 20vw;
	text-align: center;
}

.by {
	position: fixed;
	z-index: 10;
	height: 3vh;
	font-size: 2vh;
	font-variant: small-caps;
	font-weight: 100;
	color: rgba(112, 171, 194, 0.76);
	top: 1vh;
	left: 1vw;
	text-align:left;
}

.score {
	position: fixed;
	z-index: 10;
	height: 10vh;
	font-size: 10vh;
	font-weight: 100;
	color: goldenrod;
	top: 0;
	left: 0;
}

.score_val {
	color: gold;
}