li{
    padding: 0.2rem;
  }
  .w {
    margin: auto;
    max-width: 640px;
    padding: 4rem 2rem; 
  }
  
  code.highlighter-rouge{
    color: #fff;
    background: #000; 
    border-radius: 2px;
    padding: 2px;
    margin: 5px;
  }
  
  code{
    color: #333;
    background: #F0f2f4; }
  
  div.highlighter-rouge code {
    border-radius: 4px;
    display: block;
    overflow-x: auto;
    white-space: pre-wrap;
    padding: 1rem; 
  }
  
  img {
    width: 60%;
    display: block;
    margin: 0 auto; 
  }
  
  blockquote {
    font-style: italic;
    border-left:.2rem solid #dfe2e5;
    color: #999;
    padding: 0.25rem 0 .25rem 0.5rem; 
    margin: 1rem;
  }
  blockquote p {
    margin:0
  }
  
  table {
    width: 100%; }
  
  table, th, td {
    border: thin solid black;
    border-collapse: collapse;
    padding: 0.4rem; 
  }
  
  hr {
    margin-top: 2rem;
    margin-bottom: 2rem;
    border-color: lightgray
  }
  
   
  
  a:hover{
    text-decoration: underline;
  }
  a {
    text-decoration: none;
    color: #0064c1;
  }
  h1 > a {
    color: #333;
  }
 

.navul {
     padding: 0;
     display: flex;
  }
.navli{
    list-style-type:none;
    margin-right: 1rem;
}
.postlistul{
    padding: 0
  
}
.postlistli{
    list-style-type:none;
    display: flex;
    justify-content:space-between;
    align-items: center;

}

.curNav{
  color: #333;
  font-weight: 700;
}

date {
  color: #333;
}