/* 1. */

/* 2. */

/* 3. */

/* 4. */

/* 5. */

/* 6. */

/* Bonus */
      

<!-- Without changing the HTML markup, apply the styles asked for in the markup. Do not apply styles that a tag doesn't ask for. -->

<section>
  <h2>1. Text Color: Red</h2>
  <div>2. Color Green (hint: Sibling Selector)</div>
  <main>
    <ul class="myList">
      <li>
        3. Border Green
      </li>
    </ul>
    <div class="myClass">4. Background Green</div>
    <div class="myClass otherClass">
      5. Background Green & Color White
      (Hint Qualified Selector)
    </div>
    <div id="myId" class="otherClass">6. Background Yellow</div>
  </main>
  <ul>
    <li>
      Don't Style Me
    </li>
  </ul>
  <div>Bonus: Border Pink</div>
</section>