body {
}

#table {
	text-align: center;
}

table {
	width: 60%;
	margin: 20px auto;
	border-collapse: collapse;
	font-family: arial;
	
}

th,td {
	border: 1px solid black;
	padding: 10px;
	text-align: left;
}

th {
	background-color: gray;
	color: white;
	font-style: bold;
}

tbody tr:nth-child(even) {
	background-color: lightgray;
}

tbody tr:nth-child(odd) {
	background-color: darkgray;
}

#form {
	text-align: center;
	margin:auto;
	width: 60%;
	padding-top: 1px;
	padding-bottom: 20px;
	background-color: darkgray;
}
.textimput {
	display: block;
	margin-bottom: 10px;
	box-sizing: border-box;
}
.textarea {
	display: block;
	margin-bottom: 10px;
	box-sizing: border-box;
}

.radiobuttons {
	display: block;
	margin-bottom: 10px;
	box-sizing: border-box;
}

.checkboxes {
	display: block;
	margin-bottom: 10px;
	box-sizing: border-box;
}

.dropdownbox {
	display: block;
	margin-bottom: 10px;
	box-sizing: border-box;
}

input [type="submit"] {
	background-color: white;
	color: black;
	font: times new roman;
	padding: 20px;
	border-radius: none;
	transition: background-color 0.3s ease, transform 0.2s ease;
	hover: darkgray;
}