html {
	font-family: 'Maven Pro';
	background-image: url("/a-mis/images/six-background.avif");
	color: rgba(0,0,0,80%);
	/*padding: min(100px, calc((100vw - 321px) / 2)) 0px 0px;*/
	background-size: cover;
	background-position: center;
	height: 100vh;
}

dialog {
	backdrop-filter: blur(15px);
	background-color: rgba(255,255,255,80%);
	border-radius: 15px;
	padding: 15px;
	border: 0;
}

dialog::backdrop {
	background-image: url("/a-mis/images/background-image.php");
	background-size: cover;
	height: 100vh;
	z-index: 1050;
	position: absolute;
}

dialog form label {
	display: inline-block;
	width: 100px;
}

dialog form input[type="datetime-local"], dialog form input[type="number"], dialog form input[type="text"], dialog form input[type="password"] {
	display: inline-block;
	min-width: 200px;
	height: 20px;
	border-radius: 15px;
	border-width: 1px;
	padding: 15px;
}

dialog form select {
	display: inline-block;
	width: 230px;
	height: 50px;
	border-radius: 15px;
	border-width: 1px;
	padding: 15px;
}