/* Stylesheet adapted from
   https://github.com/mdn/learning-area/blob/master/html/tables/basic/minimal-table.css
*/


/* .hidden { display: none } makes the whole td go away */

.hidden { font-size: 0 }

html {
  font-family: sans-serif;
  background-color: #faebd7;
}

body {
  width: 70%;
  min-width: 800px;
  margin: 0 auto;
}

header {
  margin-bottom: 10px;
  display: flex;
  flex-flow: row wrap;
}

nav {
  background-color: #fae2cb;
  padding: 1%;    
  height: 50px;
  flex: 100%;
  display: flex;
}

nav ul {
  padding: 0;
  list-style-type: none;
  flex: 2;
  display: flex;
}

nav li {
  display: inline;
  text-align: center;
  flex: 1;
}

nav a, nav span {
  display: inline-block ;
  height: 3rem;
  text-decoration: none;
}


table {
  border-collapse: collapse;
  border: 2px solid rgb(200,200,200);
}

td, th {
  border: 1px solid rgb(190,190,190);
  padding: 10px 20px;
}

th {
  background-color: #e6c2a1;
}

td {
  text-align: center;
}

tr:nth-child(odd) td {
  background-color: #faebd7;
}

tr:nth-child(even) td {
  background-color: #fae2cb;
}

caption {
  padding: 10px;
}

ul.info {
 padding: 0px;
 list-style-type: none;
}