body.single{
  #main{
    h1{
      font-size: 200%;
    }
    h2{
      border-bottom: 2px solid #ccc;
      font-size: 150% !important;
      line-height: 1.5 !important;
      font-weight: 600 !important;
      margin-top: 40px;
      margin-bottom: 20px;
      &:after{
        content: "";
        width: 150px;
        height: 2px;
        background: var(--color,#333);
        display: block;
        margin-block: 15px -2px;
      }
    }
    h3{
      font-size: 120% !important;
      margin: 25px 0 10px !important;
      padding: 10px 20px;
      background: var(--color,#333);
      color: #fff;
    }
    h3{
      font-size: 110% !important;
      margin: 25px 0 10px !important;
      border-left: 5px solid var(--color,#333);
    }
  }
}

body.archive{
  
}