body {
    background-color: #202847;
    width: 90%;
    margin:auto;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;;
    background-image: url("bg.png"); 
  }

  .header,.block, .toc {
    background-color: #f4f6f7;
    color: #0B0E19;
  }
  .header{
    text-align:center;
  }
  li {
    text-decoration:none;
    list-style: none;
    height: auto;
    padding: 1px;
  a{
    color:rgb(6, 161, 76);
   text-decoration:none;
   font-weight: 600;
  }
  a:hover{
    color:#202847
  }
  
  }
  ul{
    padding-left: 0px;
    
  }
  
  .block{
    width:85%;
    float: right;
    padding: 0.5em;
    margin: auto;
    margin-top: 3em;
    margin-bottom: 3em;
  }
  .container {
    display:inline;
    overflow: hidden;
  }
  .blurb {
    margin:auto;
    align-content: top;
    max-width:100%;
    padding:0.3em;
    overflow: hidden;
    
  }

 .toc {
  max-width: 12%;
  float: right;
  margin:auto;
  border: 1px solid #0B0E19;
  margin: 0.5em  0.5em 1em;
  margin-top: 2.5em;
  padding: 0.5em;
  float: left;
  clear: left;
  text-align: left;
  font-size: 88%;
  line-height: 1.5em;
  position: fixed;
   }

 .bio{
    max-width: fit-content;
    float: right;
    margin:auto;
    border: 1px solid #0B0E19;
    background-color: #202847;
    color: #ECF9FD;
    margin: 0.5em  0.5em 1em;
    padding: 0.5em;
    float: right;
    clear: right;
    text-align: left;
    font-size: 88%;
    line-height: 1.5em;
 table{
      width: 100%;
    }
    }
  .pfp{
    text-align: center;
  }
  .table{
    width:100%
  }
  table td, table td * {
      vertical-align: top;
      border-top: 1px double #ccc;
  }
  h3 {
    margin: 0px;
  }
  h4 {
    margin:2%;
    padding:2%;
    width:90%;
    background-color: aqua;
    color: #0B0E19;
  }

   img {
    max-width: 100%;
    margin: none;
   }
   img.icon {
    float:left;
    margin:0.5em;
    max-height: 70px;
   }

   .footer {
    text-align: center;
    padding: 3px;
  }