body{
	overflow: hidden;
	width: 100vw;
	height: 100vh;
	padding: 0;
	margin: 0;
	font-family: Arial;
}

.balloon{
	width: 100px;
	height: 200px;
	top: 100vh;
	position: absolute;

	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.balloon-red{
	background-image: url(../images/balloon-red.png);
}
.balloon-yellow{
	background-image: url(../images/balloon-yellow.png);
}
.balloon-blue{
	background-image: url(../images/balloon-blue.png);
}
.balloon-violet{
	background-image: url(../images/balloon-violet.png);
}
.balloon-green{
	background-image: url(../images/balloon-green.png);
}

.total-shadow{
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,0.6);
	/*display: flex;*/
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 1000;
	position: relative;
}

.total-block{
	background: linear-gradient(to top, rgb(242, 243, 161) 0%, rgb(235, 176, 109) 30%, rgb(240, 149, 149) 100%);
	padding: 10px 100px 40px;
	border-radius: 10px;
	text-align: center;
	box-shadow: 0 0 20px rgba(0,0,0,0.8);
}

.lose{
	display: none;
}
.win{
	display: none;
}

.score-block{
	background: rgb(243, 241, 120);
	width: 300px;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 20px 20px 0 0;
	position: absolute;
	bottom: 0;
	left: calc(50% - 150px);
}
.start-game-window {
	width: 100vw;
	height: 100vh;
	background: linear-gradient(to top, rgb(247, 248, 161) 0%, rgb(214, 241, 164) 30%, rgb(170, 201, 241) 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	
}