Differentiate colors for date and description on blog page

Gemfile.lock

@@ -318,4 +318,4 @@ RUBY VERSION
    ruby 3.3.5p100
 
 BUNDLED WITH
-   2.5.11
+   2.5.11

_includes/posts.html

@@ -47,4 +47,4 @@ <h3>
     </div>
   {%- endif %}
 
-{%- endif -%}
+{%- endif -%}

_layouts/post.html

@@ -20,28 +20,29 @@ <h1 class="post-title p-name" itemprop="name headline">{{ page.title | escape }}
         {{ page.date | date: date_format }}
       </time>
       {%- if page.modified_date -%}
-        ~
-        {%- assign mdate = page.modified_date | date_to_xmlschema -%}
-        <time class="dt-modified" datetime="{{ mdate }}" itemprop="dateModified">
-          {{ mdate | date: date_format }}
-        </time>
+      ~
+      {%- assign mdate = page.modified_date | date_to_xmlschema -%}
+      <time class="dt-modified" datetime="{{ mdate }}" itemprop="dateModified">
+        {{ mdate | date: date_format }}
+      </time>
       {%- endif -%}
       {%- if page.author -%}
-        • {% for author in page.author %}
-          <span itemprop="author" itemscope itemtype="http://schema.org/Person">
-            <span class="p-author h-card" itemprop="name">{{ author }}</span></span>
-            {%- if forloop.last == false %}, {% endif -%}
-        {% endfor %}
-      {%- endif -%}</p>
+      • {% for author in page.author %}
+      <span itemprop="author" itemscope itemtype="http://schema.org/Person">
+        <span class="p-author h-card" itemprop="name">{{ author }}</span></span>
+      {%- if forloop.last == false %}, {% endif -%}
+      {% endfor %}
+      {%- endif -%}
+    </p>
   </header>
 
   <div class="post-content e-content" itemprop="articleBody">
     {{ content }}
   </div>
 
   {%- if site.disqus.shortname -%}
-    {%- include disqus_comments.html -%}
+  {%- include disqus_comments.html -%}
   {%- endif -%}
 
   <a class="u-url" href="{{ page.url | relative_url }}" hidden></a>
-</article>
+</article>

assets/css/bpd.css

@@ -253,6 +253,20 @@ a.logo-text img {
   margin-left: auto;
 }
 
+.post-meta{
+  color: #000;
+  font-weight: bold;
+}
+
+.post-link{
+  color: #007b95;
+}
+
+.p-author{
+  color: #0099cc;
+  font-weight: bold;
+}
+
 @media only screen and (max-width: 800px) {
   #menu-open {
     display: block;
@@ -480,8 +494,13 @@ img.leadership-photo {
   height: 8rem;
 }
 
+.post-title{
+  color:#007b95;
+}
+
 .post-title > h3 {
   font-size: smaller;
+  color:#007b95;
 }
 
 img.donation-photo {