body { 
      background-color: #fff; 
      padding: 35px; 
      font: 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 
      color: #595959; 
      font-weight: 400; 
    } 
    
    h1, h2, h3, h4, h5, h6 { 
      color: #222; 
      margin: 0 0 20px; 
    } 
    
    p, ul, ol, table, pre, dl { 
      margin: 0 0 20px; 
    } 
    
    h1, h2, h3, h6 { 
      line-height: 0.6; 
    } 
    
    h6 { 
      font-size: 32px; 
      font-weight: 500; 
    } 
    
    h1 { 
      font-size: 26px; 
      font-weight: 500; 
    } 
    
    h2 { 
      color: #393939; 
      font-weight: 500; 
    } 
    
    h3, h4, h5 { 
      color: #494949; 
      font-weight: 500; 
    } 
    
    a { 
      color: #39c; 
      text-decoration: none; 
    } 
    
    a:hover { 
      color: #069; 
    } 
    
    a small { 
      font-size: 11px; 
      color: #777; 
      margin-top: -0.3em; 
      display: block; 
    } 
    
    a:hover small { 
      color: #777; 
    } 
    
    .wrapper { 
      width: 860px; 
      margin: 0 auto; 
      display: flex;
    } 
    
    blockquote { 
      border-left: 1px solid #e5e5e5; 
      margin: 0; 
      padding: 0 0 0 20px; 
      font-style: italic; 
    } 
    
    code, pre { 
      font-family: Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal, Consolas, Liberation Mono, DejaVu Sans Mono, Courier New, monospace; 
      color: #333; 
    } 
    
    pre { 
      padding: 8px 15px; 
      background: #f8f8f8; 
      border-radius: 5px; 
      border: 1px solid #e5e5e5; 
      overflow-x: auto; 
    } 
    
    table { 
      width: 100%; 
      border-collapse: collapse; 
    } 
    
    th, td { 
      text-align: left; 
      padding: 5px 10px; 
      border-bottom: 1px solid #e5e5e5; 
    } 
    
    dt { 
      color: #444; 
      font-weight: 500; 
    } 
    
    th { 
      color: #444; 
    } 
    
    img { 
      max-width: 100%; 
    } 
    
    header { 
      width: 270px; 
      flex-shrink: 0;
      position: sticky;
      top: 35px;
      align-self: flex-start;
      -webkit-font-smoothing: subpixel-antialiased; 
    } 
    
    header ul { 
      list-style: none; 
      height: 40px; 
      padding: 0; 
      background: #f4f4f4; 
      border-radius: 5px; 
      border: 1px solid #e0e0e0; 
      width: 270px; 
      display: flex;
    } 
    
    header li { 
      flex: 1;
      border-right: 1px solid #e0e0e0; 
      height: 40px; 
      display: flex;
      align-items: center;
      justify-content: center;
    } 
    
    header li:first-child a { 
      border-radius: 5px 0 0 5px; 
    } 
    
    header li:last-child a { 
      border-radius: 0 5px 5px 0; 
    } 
    
    header ul a { 
      line-height: 1; 
      font-size: 9px; 
      color: #999; 
      display: block; 
      text-align: center; 
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
    } 
    
    header ul a:hover { 
      color: #999; 
    } 
    
    header ul a:active { 
      background-color: #f0f0f0; 
    } 
    
    strong { 
      color: #222; 
      font-weight: 500; 
    } 
    
    header ul li + li + li { 
      border-right: none; 
    } 
    
    header ul a strong { 
      font-size: 12px; 
      padding-top: 3px; 
      display: block; 
      color: #222; 
    } 
    
    section { 
      flex: 1;
      padding: 0 0 0 40px; 
      padding-bottom: 50px; 
    } 
    
    small { 
      font-size: 11px; 
    } 
    
    hr { 
      border: 0; 
      background: #e5e5e5; 
      height: 1px; 
      margin: 0 0 20px; 
    } 
    
    footer { 
      width: 270px; 
      position: fixed; 
      bottom: 50px; 
      -webkit-font-smoothing: subpixel-antialiased; 
    } 
    
    @media print, screen and (max-width: 960px) { 
      .wrapper { 
        width: auto; 
        margin: 0; 
        flex-direction: column;
      } 
      
      header, section, footer { 
        position: static; 
        width: auto; 
      } 
      
      header { 
        padding-right: 0; 
      } 
      
      section { 
        border: 1px solid #e5e5e5; 
        border-width: 1px 0; 
        padding: 20px 0; 
        margin: 0 0 20px; 
        padding-left: 0;
      } 
      
      header a small { 
        display: inline; 
      } 
      
      header ul { 
        position: static; 
        width: 100%;
        max-width: 270px;
      } 
    } 
    
    @media print, screen and (max-width: 720px) { 
      body { 
        word-wrap: break-word; 
      } 
      
      header { 
        padding: 0; 
      } 
      
      header ul, header p.view { 
        position: static; 
      } 
      
      pre, code { 
        word-wrap: normal; 
      } 
    } 
    
    @media print, screen and (max-width: 480px) { 
      body { 
        padding: 15px; 
      } 
      
      header ul { 
        width: 99%; 
      } 
      
      header li, header ul li + li + li { 
        width: 33%; 
      } 
    } 
    
    @media print { 
      body { 
        padding: 0.4in; 
        font-size: 12pt; 
        color: #444; 
      } 
    } 
    
    .circular-image { 
      width: 200px; 
      height: 200px; 
      border-radius: 50%; 
      overflow: hidden; 
    } 
    
    .circular-image img { 
      width: 100%; 
      height: 100%; 
      object-fit: cover; 
      object-position: center 10%; 
    }