body {
    margin: 40px auto;
    max-width: 48em;
    line-height: 1.8;
    font-family: "Atkinson Hyperlegible", "Segoe UI", Roboto, 
    Helvetica, -apple-system, BlinkMacSystemFont, Arial, sans-serif;
    font-size: 1em;
    text-shadow: 0 1px 0 #ffffff;
    background: #EEEEEE;
    color: #444444;
    padding: 0 10px
}

h1, h2, h3 {
    line-height: 1.2p;
    margin-top: .25em;
    margin-bottom: .25em;
}

a {
  text-decoration: none;
  color: steelblue;
}

img {
    max-width: 100%;
}

.highlight {
    max-width: 100%;
    overflow: scroll;
}

.homelink{
    color: inherit;
}
.homelink:hover{
    border-bottom: 1px solid #444444;
}

.right{
    float:right;
}

.left{
    float:left;
}

.H-container ul {
    display: flex;
 align-items: stretch; /* Default */
justify-content: space-between;
    width: 80%;
    margin: 0;
    padding-left: 10%;
padding-right: 10%;
   }
.H-container ul li {
    display: block;
    flex: 0 1 auto; /* Default */
list-style-type: none;
}