html {
	overflow: hidden;
}
body {
	background-image: url('/assets/background.jpg');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	margin:0px;
	display:flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

main{ 
	width: 100%;
	height: 100%;
	display:flex;
	align-items: center;
	justify-content: center;
}
#container169 {
	width: 100vw;
	height: calc(100vw * 16 / 9);
	max-width: calc(100vh * 9 / 16);
	max-height: 100vh;
	position: relative;
}


#logo{
	position: absolute;
	top: 2%;
	left: 2%;
	width: 40%;
}

#logo>div {
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	padding-bottom: calc(100% * 220 / 440);
	background-image: url('/assets/logo.png');
}


#kv{
	position: absolute;
	top: 15%;
	left: -11%;
	width: 122%;
}

#kv>div {
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	padding-bottom: calc(100% * 1098 / 1315);
	background-image: url('/assets/kv.png');
}


#char{
	position: absolute;
	bottom: 0%;
	left: 0.5%;
	width: 99%;
}

#char>div {
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	padding-bottom: calc(100% * 585 / 1069);
	background-image: url('/assets/char.png');
}

.download_btn {
	position: absolute;
	bottom: 33%;
	left: 30%;
	width: 40%;
}


.download_btn>div {
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	padding-bottom: calc(100% * 200 / 650);
}

.download_btn.show_both {
	left: 8%;
}


.download_btn.show_both~.download_btn.show_both {
	left: 52%;
}


#download_android>div {
	background-image: url('/assets/download_android.png');
}
#download_apple>div {
	background-image: url('/assets/download_apple.png');
}

.dnone {
	display: none;
}

@media (orientation: landscape) {
	body {
		background-image: url('/assets/background_l.jpg');
	}
}