textarea.contact-body {
	rows: 40;
	resize: none;
	overflow: auto;
	widows: "100%";
}

.form-text {
	box-sizing: border-box;
	width: 100%;
	border: 1px solid;
	border-radius: 4px;
	padding: 5px;
}

.form-error {
	border: 1px solid red;
	border-radius: 10px;
	padding-left: 10px;
	padding-right: 10px;
	#padding: 10px;
	background-color: rgba(256, 0, 0, 0.4);
}

.form-error:empty {
	display: none;
}

.success {
	border: 1px solid #7c9d45;
	background-color: #96b85d;
}

.modal {
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	margin: auto;
	padding: 10px;
	border: 1px solid #888;
	min-height: 15%;
	min-width: 33%;
	align-items: center;
	background-color: #f6f0f0;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),0 6px 20px 0 rgba(0, 0, 0, 0.29);
}

.modal p {
	width: 100%;
	text-align: center;
}

input:user-invalid {
	border-color: red;
}

textarea:user-invalid {
	border-color: red;
}