@charset "utf-8";

/* CSS Document */

#contact_form {
	font-size: 16px;
	text-align: left;
	border-radius: 1em;
	padding: 3em 2em;
	width: calc(100% - 2em);
	margin: 1em;
	background: #eeeeee;
	box-sizing: border-box;
}

/* Add a background color and some padding around the form */
.container { border-radius: 5px; background-color: #f2f2f2; }

label { font-weight: bold;  }

/* Style inputs with type="text", select elements and textareas */
input[type=text], [type=email], select, textarea { width: 100%; /* Full width */ padding: 12px; /* Some padding */ border: 1px solid #ccc; /* Gray border */ border-radius: 4px; /* Rounded borders */ box-sizing: border-box; /* Make sure that padding and width stays in place */ margin-top: 6px; /* Add a top margin */ margin-bottom: 16px; /* Bottom margin */ resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */ }

input[type=submit] {
	background-color: #D9D9D9;
	color: black;
	padding: 0.8em 1.4em;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-size: 16px;
	line-height: 1.2;
	height: auto;
	box-sizing: border-box;
	appearance: none;
	-webkit-appearance: none;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover { background-color: #a6a6a6; }