body{
	margin:20px;
	font-size:12pt;
	position: relative;
	min-height:250px;
	font-family: Muli, sans-serif;
	--background:#FFF;
	--border: rgb(216, 225, 237);
	--text:#000;
}

body.dark{
	--background:#000;
	--border: rgb(20, 23, 26);
	--text:#FFF;
}

label{
	display:block;
	margin-bottom:5px;
	color:var(--text);
}

form.disabled{
	opacity:0.1;
	pointer-events:none;
}
.overlay{
	position:absolute;
	inset:0;
	z-index:1;
	display: flex;
    align-items: center;
    justify-content: center;
	text-align:center;
}
input,textarea,select{
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:12px 16px;
	border:solid 1px var(--border);
	outline: 0px;
	background-color:var(--background);
	font-family: Muli, sans-serif;
	margin-bottom:14px;
	border-radius:5px;
	transition:0.2s;
	color:var(--text);
}

input:focus,textarea:focus,select:focus{
    border-color: rgb(var(--theme));
}
button{
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:12px 16px;
	text-align:center;
	color:#FFF;
	border-radius:5px;
	background-color:rgb(var(--theme));
	border:0;
	cursor:pointer;
	outline:0;
	transition:0.2s;
	font-weight:bold;
	font-family: Muli, sans-serif;
}
button:hover{
	background-color:rgba(var(--theme),0.8);
}