/* reset your styles first, plz */
ul, li {
  margin: 0;
  padding:0; 
  list-style:none;
}
ul {
  margin-bottom: 1em;
}


html {
  padding: 10px;
  font-family: Georgia, serif;
  background: #EDEBD5;
}
  
  li {
    list-style-type: none;
  }

  .describes {
    border: 1px dashed grey;
  }
  
    .describes h1 {
      font-size: 1.1em;
      color: #877C21;
      line-height: 1.8em;
      margin: 0;
      border-bottom: 1px solid transparent;
    }
    
      .describes h1:hover {
        cursor: pointer;
        color: #000;
        background-color: #F4F2E4;
        border-bottom: 1px solid #9A8E51;
      }

    .describes .describe {
      margin-left: 10px;
    }
  
      .describes .describe .its {
        background-color: #F8F7EF;
      }

        .describes .describe .its .it {
          padding-left: 10pt;

          list-style-position: outside;
        }
        
          .describes .describe .its .it.running h2 {
            color: yellow;
          }

          .describes .describe .its .it.passed {
            border-left: 10px solid #5A753D;
          }
          .describes .describe .its .it.failed {
            border-left: 10px solid #755A3D;
          }
          
          .describes .describe .its .it.passed h2 {
            color: #5A753D;
          }

          .describes .describe .its .it.failed h2 {
            color: red
          }
          
          .describes .describe .its .it h2 {
            font-size: 1.0em;
            color: #877C21;
            line-height: 1.8em;
            margin: 0pt 0pt;
            border-bottom: 1px solid transparent;
          }
          
            .describes .describe .its .it h2:hover {
              cursor: pointer;
              color: #000;
              background-color: #F4F2E4;
              border-bottom: 1px solid #9A8E51;
            }          
          
      .describes .describe .describes {}
    
        .describes .describe .describes .describe {}