@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap');

html {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	min-height: 100%;
	background-color: #000;
	color: #333;
	font-family: "Barlow", sans-serif;
	font-size: 1em;
}
div#dialog_bg {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url('img/dialog_bg.jpg') no-repeat center;
	background-size: cover;
	opacity: 0.6;
}
div#dialog_bg div {
	position: fixed;
	top: 10%;
	left: 10%;
	background: url('img/logo_dialog.png') no-repeat center;
	background-size: contain;
	width: 243px;
	height: 310px;
	max-width: 243px;
	max-height: 310px;
	opacity: 0.6;
}
div#dialog {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border: 5px ridge #e9d4ad;
	color: #e9d4ad;
	font-weight: bold;
	background-color: #000;
	background-image: linear-gradient(140deg,#000, #666);
	border-radius: 10px;
	padding: 1rem 1rem 0;
	text-align: center;
	box-sizing: border-box;
}
div#dialog a {
	color: #e9d4ad;
	display: inline-block;
	padding: 1rem;
	width: 5rem;
	text-align: center;
	text-decoration: none;
	border: 2px ridge #e9d4ad;
	border-radius: 5px;
	margin-top: 3rem;
	background-color: #e31e24;
}
div#dialog a:last-child {background-color: #00793a;}


@media(max-width:640px){
	div#dialog {
		width: 90%;
	}
}