@import url("https://use.typekit.net/fwa3qxd.css");
    @import url('https://fonts.googleapis.com/css2?family=Gothic+A1:wght@100;400;600;700&display=swap');

    
    * {
      margin: 0;
      padding: 0;
      box-sizing:  border-box;
      font-size: 100%;
      font-weight: normal;
    }

    body {
      background-color: whitesmoke;
      /*margin:  20px 50px;
      padding: 20px 20px;*/
      margin:  5vw;
      margin-top: 4vw; 
      font-family: freight-micro-pro, 'Gothic A1';
      font-variant-numeric: lining-nums;
      line-height: 1.5;
      word-break: keep-all;
    }

    h1 {
      font-style: font-family: freight-micro-pro, serif;
      font-weight: 700;
      font-style: italic;
      margin-bottom: 10px;
    }

    h2 {
      font-size: 22px;
    }

    h4 {
      font-size: 16px;
      margin-bottom: 30px;
      margin-left: 6px;
    }

    strong {
      font-style: font-family: freight-micro-pro, serif;
      font-weight: 700;
      font-style: italic;
    }

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

    a:hover {
      color: darkkhaki;

    }

    nav li a {
      display: inline;
      background-color: gainsboro;
      text-decoration: none;
      color: darkslategray;  
    }

    nav li a:hover {
      color: white;
      background-color: darkkhaki;
    }

    .active {
      color: white;
      background-color: darkslategray;
    }

    footer {
      font-size: 11px;
      margin-top: 40px;
      position: static;
      left: 20;
      bottom: 0;

    }

    article {
      font-size: 16px;
      max-width: 60ch;
      line-height: 1.5;
      border-top: solid 1px;
      padding-top: 20px;
      padding-bottom: 20px;
    }

    .logo {
      color: black;
      font-weight: 700;
      font-style: italic;
      text-decoration: none;
    }

    sup {
      font-size: x-small;
      color: orangered;
      font-weight: 500;
    }


    .numbers {
      color: orangered;
      font-size: x-large;
      opacity: 0.8;
      margin-left: 2px;
      margin-bottom: -24px;
    }


    b {
      font-weight: 600;
    }

    p {
      font-size: 15px;
      max-width: 68ch;
      line-height: 1.75;
      margin-left: 30px;
      margin-bottom: 30px;
    }

    
    body li {
      line-height: 1.6;
      margin-left: 30px;
      margin-bottom: 10px;
      list-style: none;
      font-weight: 600;

    }

    nav li {
      display: inline-block;
      margin-left: 0px;
      margin-right: 10px;
      margin-bottom: -10px;
    }
  
    h3 {
      background-color: silver;
    }



   /* ol a {
      color: olive;  
    }

    ol a:hover {
      color: darkkhaki; 
      background-color: none; 
    }*/


    iframe {
      position: fixed;
      bottom: 0;
      left: 0;;
      margin-left: 700px;
      margin-bottom: 70px;
      height: 504px;
      width: 504px;
      overflow-y: hidden;
      overflow-x: hidden;


    }

    footer {
      font-size: 11px;
      font-variant: small-caps;
      margin-top: 40px;
      position: fixed;
      text-align: right;
      right: 20px;
      bottom: 0;
      padding-bottom: 40px;
    }