div.overlay {
	position: absolute;
	background-color: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

div.modal {
	width: 33%;
	min-height: 25vh;
	padding: 25px;
	border-radius: 15px;
	margin: 50px auto;
	display: flex;
	flex-direction: column;

	background-color: var(--content-bg-color);
}

div.modal-header {
	background-color: var(--content-bg-color);
}

div.modal-title {
	display: inline-block;
}

div.modal-close-button {
	float: right;
	cursor: default;
}

div.modal-body {
	flex: 1;

	background-color: var(--content-bg-color);
}