html {
  background: rgb(178,175,231);
  background: linear-gradient(90deg, rgba(178,175,231,1) 7%, rgba(89,154,225,1) 44%, rgba(0,212,255,1) 100%);
}



table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 90%;
    margin: auto;
  }
  
  td, th {
    border: 1px solid lightsteelblue;
    text-align: left;
    padding: 10px;
  }
  
  tr:nth-child(even) {
    background-color: #dddddd;
  }

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

h1 {
  margin: auto;
  padding: 50px;
  text-align: center;
  color: black;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 50px;
}

#form_div {
  float: left;
  padding: 5px;
  margin: auto auto auto 10%;
  
}

#form_label {
  font-family: 'Courier New', Courier, monospace;
  font-style: oblique;
  background-color: whitesmoke;
  border: 1px solid gray;
  padding: 2px;
}

#button_div {
  float: left;
  padding: 5px;
}

@media only screen and (max-width: 600px) {
  table {
    width: 100%;
    
  }
  #form_div {
    float: left;
    padding: 5px;
    margin: auto 50% auto auto;
  }

  #date, #time {
    margin: 1px;
  }

  #form_label {
    padding: 0px;
    margin: 1px;

  }

  
}