body{
    	margin: 0 auto;
	max-width: 900px;
    } 
 table {
    margin-left:auto; 
    margin-right:auto;
  }
  table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  padding: 8px;
  border-bottom: 1px solid #ddd;
}

tr:hover {background-color:#f5f5f5;}

form > input[type=text],
form > input[type=password],
form > input[type=number],
form > input[type=date] {
	width: 100%;
	padding: 15px;
	margin: 5px 0 22px 0;
	display: inline-block;
	border: none;
	background: #f1f1f1;
}

form > input[type=text]:focus,
form > input[type=password]:focus,
form > input[type=number]:focus {
	background-color: #ddd;
	outline: none;
}

form button {
	background-color: #4caf50;
	color: white;
	padding: 14px 20px;
	margin: 8px 0;
	cursor: pointer;
	width: 50%;
	opacity: 0.9;
	
	font-size: 20px;
}

form button:hover {
	opacity: 1;
}


form .error {
	text-align: center;
	color: red;
	font-size: 20px;
	font-weight: bold;
	margin-top: 20px;
}

form * {
	box-sizing: border-box;
}