The following html code is of a dialouge between 2 people. I want to be able to "pin" a message while scrolling so that its easy to find        <body>
    <div id="wrapper">
       <main id="#OCT2019">
     <div class="month">OCTOBER 2019</div>
      <section> <article class="bbs">
        <div class="date">2019-OCT-01 10:22 PM</div>
         <p class="crm">
          Whatever Alligator. That’s not even the fucking
            point. And I’m not gonna get into it again. I feel stupid
            even bothering. Cuz you know how doing this makes me feel
            but u continue to do it. 
         </p>
        </article>
      </section>
      <section> <article class="bbs">
 <div class="date">2019-OCT-01 10:22 PM </div>
           <p class="crm">Ok</p>
        </article>
      </section>
      <section> <article class="bbs">
 <div class="date">2019-OCT-01 10:22 PM </div>
        
           <p class="crm">Home.</p>
        </article>
      </section>
      <section> <article class="bbs">
 <div class="date">2019-OCT-01 10:22 PM </div>
        
           <p class="crm">Hey</p>
        </article>
      </section>
      <section> <article class="bbs">
 <div class="date">2019-OCT-01 11:49 PM </div>
        
           <p class="alv">Hey</p>
        </article>
      </section>
      <section> <article class="bbs">
 <div class="date">2019-OCT-01 11:54 PM </div>
        
           <p class="alv">Are u getting of my messages?</p>
        </article>
      </section>
      <section> <article class="bbs">
 <div class="date">2019-OCT-02 3:25 AM </div>
        
           <p class="alv">Hey</p>
        </article>
      </section>
      <section> <article class="bbs">
 <div class="date">2019-OCT-02 3:25 AM </div>
        
           <p class="alv">Omw</p>
        </article>
      </section>
      <section> <article class="bbs">
 <div class="date">2019-OCT-02 3:25 AM </div>
        
           <p class="crm">Hi</p>
        </article>
      </section>
      <section> <article class="bbs">
 <div class="date">2019-OCT-02 3:25 AM </div>
        
           <p class="crm">K</p>
        </article>
      </section>
      <section> <article class="bbs">
 <div class="date">2019-OCT-02 3:40 AM </div>
        
           <p class="alv">U still wanna go deposit cheque?</p>
        </article>
      </section>
      <section> <article class="bbs">
 <div class="date">2019-OCT-02 3:41 AM </div>
        
           <p class="crm">Idk. I can't walk that far right this minute
            I don't think. 
         </p>
        </article>
      </section>
      <section> <article class="bbs">
 <div class="date">2019-OCT-02 3:42 AM </div>
        
           <p class="crm">Are u here?</p>
        </article>
      </section>
      <section> <article class="bbs">
 <div class="date">2019-OCT-02 3:43 AM </div>
        
           <p class="alv">No</p>
        </article>
      </section>
      <section> <article class="bbs">
 <div class="date">2019-OCT-02 3:43 AM </div>
        
           <p class="alv">I'll do it for u. Just come with me</p>
        </article>
      </section>
      <section> <article class="bbs">
 <div class="date">2019-OCT-02 3:45 AM </div>
        
           <p class="alv">Gonna drop off clothes here</p>
        </article>
      </section>