Update utilityFirst.html

Co-Authored-By: JehanKandy <jehankandy@gmail.com> Co-Authored-By: Vinura Pathirana <154809219+VinuraPathirana@users.noreply.github.com> Co-Authored-By: Anupa Gamage <125038143+anupa1998@users.noreply.github.com>

Author: 4 people

site/content/docs/utilityFirst.html

@@ -72,7 +72,7 @@ <h1 class="" style="margin: 10px 12px;"># Colors</h1>
  Light: <span class="blue-text">&lt;div <span class="lblue-text">class="<span class="red-text">text-COLOR_NAME-light-NUMBER</span>"</span>&gt; <span class="normal-code">... </span> &lt;/div&gt;</span><br>
  Dark: <span class="blue-text">&lt;div <span class="lblue-text">class="<span class="red-text">text-COLOR_NAME-dark-NUMBER</span>"</span>&gt; <span class="normal-code">... </span> &lt;/div&gt;</span><br>
 
- <p class="">for Background color Variations</p>
+ <p class="" style="margin: 20px 0;">for Background color Variations</p>
  Light: <span class="blue-text">&lt;div <span class="lblue-text">class="<span class="red-text">bg-COLOR_NAME-light-NUMBER</span>"</span>&gt; <span class="normal-code">... </span> &lt;/div&gt;</span><br>
  Dark: <span class="blue-text">&lt;div <span class="lblue-text">class="<span class="red-text">bg-COLOR_NAME-dark-NUMBER</span>"</span>&gt; <span class="normal-code">... </span> &lt;/div&gt;</span><br>