body {
  padding: 0 50px;
  font-family: 'Merriweather', serif;
  background-color:#fff;
}

h1 {
    text-align:center;
}

p#blurb {
    font-style:italic;
    font-size: 12px;
}

/* Sortable tables */
table.sortable thead {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: default;
    text-align: center;
}

table.sortable {table-layout:fixed; width:100%;}/*Setting the table width is important!*/
table.sortable th, table.sortable td {overflow:hidden; padding:5px;}/*Hide text outside the cell.*/
table.sortable th:nth-of-type(1), table.sortable td:nth-of-type(1) {width:50px;}/*Setting the width of column 1.*/
table.sortable th:nth-of-type(2),table.sortable td:nth-of-type(2) {width:100px;text-align:center;}
table.sortable th:nth-of-type(3),table.sortable td:nth-of-type(3) {width:15px;text-align:center;}
table.sortable th:nth-of-type(4),table.sortable td:nth-of-type(4) {width:15px;text-align:center;}
table.sortable th:nth-of-type(5),table.sortable td:nth-of-type(5) {width:50px;text-align:center;}
table.sortable th:nth-of-type(6),table.sortable td:nth-of-type(6) {width:400px;}

table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after {
    content: " \25B4\25BE";
}

table tr:nth-child(odd) td {
  background-color: #fff;
}

table tr:nth-child(even) td {
  background-color: #ccc;
}

/* https://www.cssportal.com/blog/style-hr-tag-with-css/ */

hr {
  border: 0;
  border-top: 5px dotted #1812ce;
  text-align:center;
}
hr:after {
  content: '\0015E7';
  display: inline-block;
  position: relative;
  top: -23px;
  padding: 0 2px;
  background: #fff;
  color: #cece12;
  font-size: 30px;
}

ul {
  list-style: none;
  border: 1px solid;
  display: flex;
  flex-wrap: wrap;
  }

li {
  margin: 10px;
  border: 1px pink;
  vertical-align: middle;
}
