html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	background-color: #333333;
}
body {
	max-width: 640px;
	margin: 0 auto;
	min-height: 100vh;
	max-height: 100vh;
	background: transparent;
	background-image: url('../img/jjk.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.container{max-width: 100% !important;}
.bottom-buttons{
	position: fixed;
	bottom: 0;
	padding-bottom: 2vh;
	display: flex;
	align-items: center;
	justify-content: space-around;
	box-sizing: border-box;
}
.bottom-buttons .button{width: 40%;text-align: center;letter-spacing: 4px;outline: none;}
#dialog{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.46);
	z-index: 2861;
	display: none; align-items: center;justify-content: center;
}
.dialog-box{
	background: #2C2D33;
	width: 300px;
	padding: 10px;
	border-radius: 10px;
	text-align: center;
}
.dialog-box .dialog-body{color: #ffffff;padding: 20px 0px;min-height: 80px;}
.dialog-box .footer{display: flex;align-items: center;justify-content: center;gap: 20px;width: 100%;padding-bottom: 10px;}
.dialog-box .footer .button{width: 100px;}