html, body {
width: 100%;
height: 100%;
margin-top: 0;
font-family: "Helvetica Neue", Helvetica, sans-serif;
color: white;
background: linear-gradient(to bottom, rgba(100, 75, 25, 1) 0%, rgba(100, 50, 200, 0) 100%);
}

#myTable {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #ddd;
  font-size: 18px;
}

#myTable th {
  text-align: left;
  padding: 12px;
  color: white;
  background-color: #45b39d;
}

input[type=text], [type=password], [type=textarea], [type=email], select, option, datalist {
  width: 50%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

input[type=submit] {
  width: 100%;
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: darkblue;
}

div {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}