#section__content{

    h1, h2, h3 {
        &::before{
            content: attr(data-counter);
        }
    }

    h4, h5, h6{
        &::before{
            content: attr(data-counter) ". ";
        }
    }

    // counter-reset: h1;

    // h1{
    //     counter-increment: h1 1;
    //     counter-reset: h2;
    // }

    // h1::before{
    //     content: counter(h1, upper-alpha);

    // }

    // h2{
    //     counter-increment: h2 1;
    //     counter-reset: h3;
    // }

    // h2::before{
    //     content: counter(h2, upper-roman);
    // }

    //  h3{
    //     counter-increment: h3 1;
    //     counter-reset: h4;
    // }

    // h3::before{
    //     content: counter(h3);
    // }

    // h4{
    //     counter-increment: h4 1;
    //     counter-reset: h5;
    // }

    // h4::before{
    //     content: counter(h4, lower-alpha) ". ";
    // }

    // h5{
    //     counter-increment: h5 1;
    //     counter-reset: h6;
    // }

    // h5::before{
    //     content: counter(h5, lower-alpha) counter(h5, lower-alpha) ". ";
    // }

    // h6{
    //     counter-increment: h6 1;
    // }

    // h6::before{
    //     content: "(" counter(h6) "). ";
    // }
  }