@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:  5vw;
    margin-top: 4vw; 
    /*margin:  20px 50px;
    padding: 20px 20px;*/
    font-family: SD PixelJongihak;
    line-height: 1.5;
    word-break: keep-all;
  }

  h1 {
    font-style: font-family: SD PixelJongihak;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 10px;
  }

  strong {
    font-style: font-family: SD PixelJongihak;
    font-weight: 400;
  }

  nav {
    list-style-type: none;
    position: sticky;
  }

  a {
    color: olive;
  }

  a:hover {
    color: darkkhaki;

  }

  li {
    display: inline;
    margin-right: 10px; 
  }

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

  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: 18px;
    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;
  }

  p {
    font-size: 15px;
    max-width: 68ch;
    margin-left: 10px;
    line-height: 1.5;
    text-indent: -10px;

  }

  b {
    font-weight: 600;r
  }

  .sticky {
    position: sticky;

  }