h1 {
  padding:300px 0px 200px 0px;
  font-size:40px;
  color:#000;
  text-align:center;
  font-family:georgia;
}



h2 {
  font-size:22px;
  text-align:center;
  font-family:georgia;
}

  .page {
    margin-top:150px;
  }



h3 {
  font-size:20px;
  padding:0px 150px 0px 150px;
  font-family:georgia;
}



h4 {
  padding:0px 150px 0px 150px;
  font-family:georgia;
}





p {
  font-size:18px;
  color:#000;
  padding:0px 150px 0px 150px;
  font-family:calibri;
}

    p.sm {
      font-size:15px;
      padding:0px 150px 0px 150px;
    }

    p.capt {
      font-size:15px;
      padding:0px 0px 0px 15px;
    }

  ol {
    font-size:18px;
    color:#000;
    padding:0px 200px 0px 200px;
    font-family:calibri;
  }

  ul {
    font-size:18px;
    color:#000;
    padding:0px 200px 0px 200px;
    font-family:calibri;
  }

    ul.sm {
      /* not used rn */
      font-size:15px;
    }




a {
  font-family:calibri;
  font-size:18px;
  color:#5479ed;
/*  target:_blank;*/
}

  a.sm {
    font-size:15px;
  }



body {
  background:#ffeeba;
}



div {
  
}

  .topnav {
    float:center;
    background-color:#fff;
    overflow:scroll;
    position:fixed;
    top:0;
    width:100%;
    
    padding:3% 1%;
    font-family:calibri;
  }
  
    .topnav a {
      float:center;
      background-color:#fff;
      padding:1%;
      max-width:100%
      font-size:2px;
      text-align:center;
      color:#000;
      text-decoration:none;
      font-family:calibri;
    }
  
      .topnav a:hover {
        background-color:#fff;
        color:#dea277;
        font-family:calibri;
      }

      .topnav a.active {
        background-color:#fff;
        color:#dea277;
        font-family:calibri;
      }



dialog {
  display: block;
  width:30%;
  align-content:left;
  margin:30;
}

  dialog:not(:target):not([open]) {
    display: none;
  }



img {
  display:block;
  margin-left:auto;
  margin-right:auto;
  width:100%;
}

  #container {
    background:transparent url(hybrid-hyp.png);
    background-position:center;
  }