html{
    /*font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue", sans-serif;*/
    /*font-family: Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;*/
   
    color: #333;
    background-color: #fff;
    font-size: 20px;
    /*background: #f6f6f6;*/
    /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;*/
   }
   
   h1, h2, h3, h4, h5, h6 {
    font-family: Georgia, Times, Times New Roman, serif;
    /*font-weight: 600;
    line-height: 1em; */
   }
   
   
   
   code, pre {
     font-family: courier new, Courier, monospace;
   }
   
   blockquote {
     border-left-width: 5px;
     border-left-style: solid;
     padding-left: 1em;
   }
   
   .text-center{
     text-align: center;
   }
   
   .text-muted{
     color: grey;
   }
   
   .article a{
     border-bottom-color: rgb(51, 153, 255);
     border-bottom-style: solid;
     border-bottom-width: 1px;
     box-shadow: rgb(51, 153, 255) 0px -4px 0px 0px inset;
     box-sizing: border-box;
     color: inherit;
     background: transparent;
     padding-bottom: 0.25rem;
   }
   
   .article a.nodeco{
     border: none;
     box-shadow: none;
     padding: 0px;
   }
   
   a:link, a:visited, a:hover, a:active {
     text-decoration: none;
   }
   
   
   .article{
     padding: 1em;
     max-width: 42rem;
     margin-left: auto;
     margin-right: auto;
     line-height: 1.5em;
   }
   
   
   nav ul {
     list-style-type: none;
     margin: 0;
     padding: 0;
     overflow: hidden;
     border: 1px solid #e7e7e7;
     background-color: #f3f3f3;
   }
   
   nav li {
     float: left;
   }
   
   nav li a {
     display: block;
     color: #666;
     text-align: center;
     padding: 14px 16px;
     text-decoration: none;
   }
   
   nav li a:hover:not(.active) {
     background-color: #FFD0AA;
   }
   
   nav li a.active {
     color: white;
     background-color: #FF8100;
   }
   
   .img-circle {
       border-radius: 50%;
   }
   
   .float-left{
     float: left;
   }