body { width: 100vw; height: 100vh; margin: 0; }
main {
	position: absolute;
	width: 800px;
	height: 600px;
	top: calc(140px);
	left: calc(50vw - 400px);
	margin: 0 auto;
	border: 2px solid #000;
	background: linear-gradient(to top, #3dc8ff 30%, #eaf9ff 30%);
	overflow: hidden;
}

.title {
	font-family: sans-serif;
	width: 100%;
	text-align: center;
	position: absolute;
}
h1, h2, button {
	margin: 5px;
}


.raft {
	top: 65%;
	left: calc(50% - 125px);
	position: absolute;
	width: 250px;
	height: 60px;
	border-radius: 30px;
	background: #af4c00;
}

.player {
	z-index: 2;
	width: 100px;
	height: 200px;
	position: absolute;
	left: calc(50% - 50px);
}

img[src="img/wave.png"] {
	z-index: 0;
	top: 150px;
	display: block;
	position: absolute;
}