Living in style with class

Dogesh has a website where he wants to render two paragraphs where he wants common styling to apply on both paragraphs while the last paragraph will have slightly smaller font with muted text color.

In DOM it should look like this:

<div>
  <h1 style="padding: 10px">My Cool Bio</h1>
  <p class="bio-paragraph">
    I live on the edge. I sit on the ledge. I click cool pics. I post them with Swag!
  </p>
  <p class="bio-paragraph" style="color: #1e1e1e; font-size: small">Last updated on Monday</p>
</div>

Requirements:

1. There should be a heading

   1. With text: My Cool Bio (case insensitive)
   2. It should have a padding of: 10px

2. There should be a paragraph

   1. With text: I live on the edge. I sit on the ledge. I click cool pics. I post them with Swag! (case insensitive)
   2. It should have a class of: bio-paragraph

3. There should be another paragraph

   1. With text: Last updated on Monday (case insensitive)
   2. It should have a class of: bio-paragraph
   3. It should have a color of: #1e1e1e & a font-size of: small

Solve this easy problem to earn  1