index.css

body {
	font-family: "Arial", "Helvetica", sans-serif;
}
.game-container {
	min-width: 100vw;
	min-height: 100vh;
	margin: 0;
	padding: 0;
}
.face {
	display: inline-block;
	margin-right: 10px;
	width: 40px;
	height: 40px;
	vertical-align: middle;
}
.game-title {
	display: inline-block;
	margin: 0;
	vertical-align: middle;
}
.start-game-button {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	background: rgba(0, 0, 0, .3);
	width: 380px;
	margin-left: -190px;
	margin-top: -75px;
	height: 150px;
	border-radius: 10px;
	border: none;
	font-size: 20px;
	color: #fff;
	text-shadow: 2px 2px #000;
}

.progress-bar {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -190px;
	margin-top: 120px;
	width: 380px;
	height: 20px;
	border-radius: 10px;
	background: rgba(0, 0, 0, .3);
	overflow: hidden;
}
.progress {
	background: green;
	height: 100%;
	width: 50%;
}

#before-game {
	background: -moz-linear-gradient(top,  #ffa84c 0%, #dd6e00 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffa84c 0%,#dd6e00 100%); /* Chrome10-25,Safari5.1-6 */
	min-width: 100vw;
	min-height: 100vh;
}

#in-game {
	display: none;
	background: -moz-linear-gradient(top,  #4ca4ff 0%, #0030dd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #4ca4ff 0%,#0030dd 100%); /* Chrome10-25,Safari5.1-6 */
	min-width: 100vw;
	min-height: 100vh;
}
.in-game-background {
	min-width: 100vw;
	min-height: 100vh;
	background-image: url('images/backgrounds/background1.jpg');
}
.road {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100vw;
	height: 0;
	border-top: 4px solid #333;
}
.brick-wall {
	position: absolute;
	left: 100px;
	bottom: 4px;
	width: 20px;
	height: 50px;
	display: inline-block;
	background-color:#333;
	background-image: linear-gradient(white 2px, transparent 2px),
	linear-gradient(90deg, white 2px, transparent 2px),
	linear-gradient(#9323cc 1px, transparent 1px),
	linear-gradient(90deg, #9323cc 1px, transparent 1px);
	background-size: 100px 100px, 100px 100px, 5px 5px, 5px 5px;
	background-position:-2px -2px, -2px -2px, -1px -1px, -1px -1px;
}

.brick-wall--tall {
	height: 80px;
	left: 200px;
}
.spike {
	position: absolute;
	left: 150px;
	bottom: 4px;
	background: #000;
	width: 30px;
	height: 30px;
}