diff --git a/.vscode/settings.json b/.vscode/settings.json
index 4d8bf05..c616b5a 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,3 +1,4 @@
 {
     "terminal.integrated.shell.windows": "C:\\WINDOWS\\System32\\bash.exe",
+    "editor.formatOnSave": true,
 }
\ No newline at end of file
diff --git a/_layouts/default.html b/_layouts/default.html
index 09c6bdb..167df7f 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -51,7 +51,7 @@
                 <div id="mc_embed_signup" class="float-left">
                     <form action="https://github.us17.list-manage.com/subscribe/post?u=85102052c447ce8a8bba06f24&amp;id=2366f7f35a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
                         <div id="mc_embed_signup_scroll">
-                            <label for="mce-EMAIL">Sign up for Exclusive Web & Productivity Tips</label>
+                            <label for="mce-EMAIL">Exclusive Web & Productivity Tips</label>
                             <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Enter your email address..." required>
                             <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_85102052c447ce8a8bba06f24_2366f7f35a" tabindex="-1" value=""></div>
                             <div class="clear"><input type="submit" value="Sign Up" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
@@ -60,7 +60,7 @@
                                     <img src="../assets/images/ayo.jpg" alt="Free exclusive web development tips!" />
                                 </div>
                                 <div class="subscription-message-text float-left">
-                                    <p>Get my technology and productivity letters.</p>
+                                    <p>Get newsletters on life and personal growth.</p>
                                 </div>
                                 <div class="clear-both"></div>
                             </div>
diff --git a/_layouts/home.html b/_layouts/home.html
index ff8ee55..aa0dcbc 100644
--- a/_layouts/home.html
+++ b/_layouts/home.html
@@ -2,37 +2,52 @@
 layout: default
 ---
 
-<div class="home">
-
+<div class="blog-home">
   {% if site.posts.size > 0 %}
-  <h2 class="post-list-heading">{{ page.list_title }}</h2>
-    <ul class="post-list">
-      {% for post in site.posts %}
-        <li>
-          <span class="post-meta">
-            {% if post.author %}
-              <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span class="p-author h-card" itemprop="name">{{ post.author }}</span></span> • 
-            {% endif %}
-            {% assign date_format = site.minima.date_format | default: "%b %-d, %Y" %}
-            {{ post.date | date: date_format }}
-          </span>
-          <h3>
-            <a class="post-link post-title" href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>
+  <h2 class="blog-home__list-title">{{ page.list_title }}</h2>
+  <ul class="blog-home__list-items">
+    {% for post in site.posts %}
+    <li class="blog-home__list-items__item">
+      <div class="blog-home__list-items__item__header">
+        <div>
+          <h3 class="blog-home__list-items__item__header__title">
+            <a href="{{ post.url | relative_url }}"
+              >{{ post.title | escape }}</a
+            >
           </h3>
-          <div class="float-left post-excerpt">
-              {% if post.image != '' %}
-                <a href="{{post.url}}"><img class="float-right post-thumb" alt="{{ post.description | escape }}" src="../assets/images/{{ post.image }}.jpg" /></a>
-              {% endif %}
-              {{ post.excerpt }}
-          </div>
-          <div class="clear-both"></div>
-          <div class="post-readmore">
-            <a href="{{ post.url | relative_url }}" class="button">Continue Reading</a>
-          </div>
-        </li>
-      {% endfor %}
-    </ul>
+        </div>
+        <div class="blog-home__list-items__item__header__description">
+          <span>{{post.description}}</span>
+        </div>
+      </div>
+      <div class="blog-home__list-items__item__excerpt">
+        {% if post.image %}
+        <a href="{{post.url | relative_url}}"
+          ><img
+            class="blog-home__list-items__item__excerpt__thumb"
+            alt="{{ post.description | escape }}"
+            title="{{ post.description | escape }}"
+            src="../assets/images/{{ post.image }}.jpg"
+        /></a>
+        {% else %}
+        <a href="{{post.url | relative_url}}"
+          ><img
+            class="blog-home__list-items__item__excerpt__thumb"
+            alt="{{ post.description | escape }}"
+            title="{{ post.description | escape }}"
+            src="../assets/images/hello-world.jpg"
+        /></a>
+
+        {% endif %} {{ post.excerpt }}
+      </div>
+      <div class="blog-home__list-items__item__readmore">
+        <a href="{{ post.url | relative_url }}" class="button"
+          >Continue Reading</a
+        >
+      </div>
+    </li>
+    {% endfor %}
+  </ul>
 
   {% endif %}
-
 </div>
diff --git a/_layouts/post.html b/_layouts/post.html
index e625d56..2ac7acd 100644
--- a/_layouts/post.html
+++ b/_layouts/post.html
@@ -1,68 +1,132 @@
 ---
 layout: default
 ---
-<article class="post h-entry" itemscope itemtype="http://schema.org/BlogPosting">
 
-  <header class="post-header">
-    <p class="post-meta">
-      <time class="dt-published" datetime="{{ page.date | date_to_xmlschema }}" itemprop="datePublished">
-        {% if page.author %}
-        <span itemprop="author" itemscope itemtype="http://schema.org/Person"><span class="p-author h-card" itemprop="name">{{ page.author }}</span></span> • 
-        {% endif %}
-        {% assign date_format = site.minima.date_format | default: "%b %-d, %Y" %}
-        {{ page.date | date: date_format }}
-      </time>
-      </p>
+<article
+  class="blog-post h-entry"
+  itemscope
+  itemtype="http://schema.org/BlogPosting"
+>
+  <header class="blog-post__header">
+    <div>
+      <h3 class="blog-post__header__title" itemprop="name headline">
+        {{ page.title | escape }}
+      </h3>
+    </div>
+    <div class="blog-post__header__description">
+      <span>{{page.description}}</span>
+    </div>
+    <div class="blog-post__header__meta">
+      <span>
+        <time
+          datetime="{{ page.date | date_to_xmlschema }}"
+          itemprop="datePublished"
+        >
+          {% if page.author %} By
+          <span itemprop="author" itemscope itemtype="http://schema.org/Person">
+            <span class="blog-post__header__meta__author h-card" itemprop="name"
+              >{{ page.author }}</span
+            ></span
+          >
+          | {% endif %} {% assign date_format = site.minima.date_format |
+          default: "%b %-d, %Y" %} {{ page.date | date: date_format }}
+        </time>
+      </span>
+    </div>
 
-    <h3 class="post-title p-name" itemprop="name headline">{{ page.title | escape }}</h3>
     {% if page.image %}
-      <img alt="{{ page.description }} | Developer Blog How To" title="{{page.description}}" src="../assets/images/{{page.image}}.jpg" />
-      <p class="image-caption">{{page.description}}</p>
-      {% if page.image-attrib %}
-        {% if page.image-attrib-url %}
-          <p class="image-caption"><a href="{{ page.image-attrib-url }}" targe="_blank">Photo &copy; {{ page.image-attrib }}</a></p>
-        {% else %}
-          <p class="image-caption">Image &copy; {{ page.image-attrib }}</p>
-        {% endif %}
-      {% endif %}
-    {% endif %}
+    <img
+      class="blog-post__header__image"
+      alt="{{ page.description | escape }} | Developer Blog How To"
+      title="{{page.description | escape}}"
+      src="../assets/images/{{page.image}}.jpg"
+    />
+    {% if page.image-attrib %} {% if page.image-attrib-url %}
+    <p class="blog-post__header__image-caption">
+      <a href="{{ page.image-attrib-url }}" targe="_blank"
+        >Photo &copy; {{ page.image-attrib }}</a
+      >
+    </p>
+    {% else %}
+    <p class="blog-post__header__image-caption">
+      Image &copy; {{ page.image-attrib }}
+    </p>
+    {% endif %} {% endif %} {% endif %}
   </header>
 
-  <div class="post-content e-content" itemprop="articleBody">
+  <div class="blog-post__content e-content" itemprop="articleBody">
     {{ content }}
   </div>
-  <div class="after-post">
-      <div class="after-post-content">
-          <div id="mc_embed_signup" class="float-left">
-                <form action="https://github.us17.list-manage.com/subscribe/post?u=85102052c447ce8a8bba06f24&amp;id=2366f7f35a" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
-                    <div id="mc_embed_signup_scroll">
-                        <label for="mce-EMAIL">Sign up to get useful posts like this periodically and more.</label>
-                        <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Enter your email address..." required>
-                        <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_85102052c447ce8a8bba06f24_2366f7f35a" tabindex="-1" value=""></div>
-                        <div class="clear"><input type="submit" value="Sign Up" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
-                        <div class="subscription-message-div">
-                            <div class="subscription-message-thumb float-left">
-                                <img src="../assets/images/ayo.jpg" alt="Free exclusive web development tips!" />
-                            </div>
-                            <div class="subscription-message-text float-left">
-                                <p>Cutting-edge productivity hacks for my subscribers.</p>
-                            </div>
-                            <div class="clear-both"></div>
-                        </div>
-                    </div>
-                </form>
-         </div>
-      </div>
+
+  <div class="blog-post__after-content">
+    <div id="mc_embed_signup" class="float-left">
+      <form
+        action="https://github.us17.list-manage.com/subscribe/post?u=85102052c447ce8a8bba06f24&amp;id=2366f7f35a"
+        method="post"
+        id="mc-embedded-subscribe-form"
+        name="mc-embedded-subscribe-form"
+        class="validate"
+        target="_blank"
+        novalidate
+      >
+        <div id="mc_embed_signup_scroll">
+          <label for="mce-EMAIL"
+            >Sign up to get useful posts like this periodically and more.</label
+          >
+          <input
+            type="email"
+            value=""
+            name="EMAIL"
+            class="email"
+            id="mce-EMAIL"
+            placeholder="Enter your email address..."
+            required
+          />
+          <div style="position: absolute; left: -5000px" aria-hidden="true">
+            <input
+              type="text"
+              name="b_85102052c447ce8a8bba06f24_2366f7f35a"
+              tabindex="-1"
+              value=""
+            />
+          </div>
+          <div class="clear">
+            <input
+              type="submit"
+              value="Sign Up"
+              name="subscribe"
+              id="mc-embedded-subscribe"
+              class="button"
+            />
+          </div>
+          <div class="subscription-message-div">
+            <div class="subscription-message-thumb float-left">
+              <img
+                src="../assets/images/ayo.jpg"
+                alt="Free exclusive web development tips!"
+              />
+            </div>
+            <div class="subscription-message-text float-left">
+              <p>Cutting-edge productivity hacks for my subscribers.</p>
+            </div>
+            <div class="clear-both"></div>
+          </div>
+        </div>
+      </form>
+    </div>
   </div>
 
+  <!--div class="blog-post__comment-section">
+    <h2>Thoughts? Post your comments here:</h2>
+    <div
+      class="fb-comments"
+      data-mobile="true"
+      data-href="{{site.url}}{{page.url}}"
+      data-numposts="5"
+    ></div>
+  </div-->
 
-  <!--h1>Thoughts? Post your comments here:</h1>
-
-  <div class="fb-comments" data-mobile="true" data-href="{{site.url}}{{page.url}}" data-numposts="5"></div-->
-
-  {% if site.disqus.shortname %}
-    {% include disqus_comments.html %}
-  {% endif %}
+  {% if site.disqus.shortname %} {% include disqus_comments.html %} {% endif %}
 
   <a class="u-url" href="{{ page.url | relative_url }}" hidden></a>
 </article>
diff --git a/_posts/2020-04-09-reading.md b/_posts/2020-04-09-reading.md
index edec050..bb04533 100644
--- a/_posts/2020-04-09-reading.md
+++ b/_posts/2020-04-09-reading.md
@@ -7,9 +7,10 @@ image: "reading"
 image-attrib: Daria Shevtsova
 image-attrib-url: https://www.pexels.com/@daria
 ---
-There has been a problem arising that everybody seems to see lately, but still no one seems to understand it completely.
 
-The constant stream of fragmented information on the Internet (i.e., Facebook, Twitter, Netflix, etc.) has seemingly rewired our appetite for all forms of information consumption--and it is tiresome.<!--more-->
+There has been a problem arising that everybody seems to see lately, but still no one seems to understand it completely.<!--more-->
+
+The constant stream of fragmented information on the Internet (i.e., Facebook, Twitter, Netflix, etc.) has seemingly rewired our appetite for all forms of information consumption--and it is tiresome.
 
 As a result of this, I have been constantly skimming texts quickly without giving myself the chance to ponder much as I used to.
 
@@ -37,9 +38,9 @@ We all have limited time, and the environments we are in are never so favorable.
 
 Because of this, I had to stop doing some things I "loved".
 
-For instance, I deactivated my Facebook for a time, and playing computer games had to be at a minimum. 
+For instance, I deactivated my Facebook for a time, and playing computer games had to be at a minimum.
 
-> “The only people who achieve much are those who want knowledge so badly that they seek it while the conditions are still unfavorable. Favorable conditions never come.” C.S. Lewis 
+> “The only people who achieve much are those who want knowledge so badly that they seek it while the conditions are still unfavorable. Favorable conditions never come.” C.S. Lewis
 
 ## Next Goal: Find Others
 
@@ -55,4 +56,4 @@ The only qualification of sorts is that you are currently reading a book.
 
 If you think this is something that interests you too, or if you simply want more details about it, please reach out to me on Twitter: [@ayoayco](https://twitter.com/ayoayco) or send me an email: [ramon.aycojr+reading@gmail.com](mailto:ramon.aycojr+reading@gmail.com)
 
->"the most famous example is The Inklings, a group started in the 1930s by a handful of friends living in Oxford, England (the two most famous being C. S. Lewis and J. R. R. Tolkien). They gathered to read selections from their own works and then to discuss them. The Inklings model is pretty simple: bring what occupies your mind and read it aloud. Stimulating the minds of others and generating conversation makes it possible to learn from one another." Tony Reinke, Lit!
+> "the most famous example is The Inklings, a group started in the 1930s by a handful of friends living in Oxford, England (the two most famous being C. S. Lewis and J. R. R. Tolkien). They gathered to read selections from their own works and then to discuss them. The Inklings model is pretty simple: bring what occupies your mind and read it aloud. Stimulating the minds of others and generating conversation makes it possible to learn from one another." Tony Reinke, Lit!
diff --git a/assets/main.scss b/assets/main.scss
index e11d58a..e66a202 100644
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -5,606 +5,664 @@
 @import "minima";
 
 * {
-    text-shadow: 1px 1px 1px rgba(0, 0, 0, .004)!important;
-    -webkit-font-smoothing: antialiased!important;
-    -moz-osx-font-smoothing: grayscale!important;
-    text-rendering: optimizelegibility!important;
+  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004) !important;
+  -webkit-font-smoothing: antialiased !important;
+  -moz-osx-font-smoothing: grayscale !important;
+  text-rendering: optimizelegibility !important;
 }
 
 html,
 body {
-    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
-    -webkit-font-feature-settings: "kern" 1;
-    -moz-font-feature-settings: "kern" 1;
-    -o-font-feature-settings: "kern" 1;
-    font-feature-settings: "kern" 1;
-    font-kerning: normal;
-    margin: 0;
-    color: rgba(0, 0, 0, .84);
-    font-size: 20px;
-    line-height: 1.4;
-    font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
-    letter-spacing: 0;
-    font-weight: 400;
-    font-style: normal;
-    text-rendering: optimizeLegibility;
-    -webkit-font-smoothing: antialiased;
-}
-
-.post-content h1,
-.post-content h2,
-.post-content h3 {
-    padding-top: 20px;
-    font-weight: bold;
+  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
+  -webkit-font-feature-settings: "kern" 1;
+  -moz-font-feature-settings: "kern" 1;
+  -o-font-feature-settings: "kern" 1;
+  font-feature-settings: "kern" 1;
+  font-kerning: normal;
+  margin: 0;
+  color: rgba(0, 0, 0, 0.84);
+  font-size: 20px;
+  line-height: 1.4;
+  font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont,
+    "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
+    sans-serif !important;
+  letter-spacing: 0;
+  font-weight: 400;
+  font-style: normal;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
 }
 
 header.site-header {
-    background: rgba(141, 191, 66, .97)!important;
-    width: 100%;
+  background: rgba(141, 191, 66, 0.97) !important;
+  width: 100%;
 }
 
 footer.site-footer {
-    background: #fff;
+  background: #fff;
 }
 
 .footer-site-title a {
-    color: rgba(141, 191, 66, .97)!important;
-    text-transform: uppercase;
-    font-weight: bold;
+  color: rgba(141, 191, 66, 0.97) !important;
+  text-transform: uppercase;
+  font-weight: bold;
 }
 
 .site-header {
-    border: 0px !important;
-    border-bottom: 1px solid hsla(0, 0%, 100%, .3) !important;
+  border: 0px !important;
+  border-bottom: 1px solid hsla(0, 0%, 100%, 0.3) !important;
 }
 
-
-article .post-content p,
-.home .post-excerpt p {
-    margin-top: 21px;
+table,
+table.image,
+table td,
+table th,
+table.image td,
+table.image th {
+  border: 0px !important;
 }
 
-article .post-content p,
-article .post-content ul li,
-article .post-content ol li,
-.home .post-excerpt p {
-    --x-height-multiplier: 0.375;
-    --baseline-multiplier: 0.17;
-    font-family: medium-content-serif-font, Georgia, Cambria, "Times New Roman", Times, serif;
-    letter-spacing: .01rem;
-    font-weight: 400;
-    font-style: normal;
-    font-size: 21px;
-    line-height: 1.58;
-    letter-spacing: -.003em;
-}
-
-table, table.image,
-table td, table th,
-table.image td, table.image th {
-    border: 0px !important;
-}
-
-table td, table th,
-table.image td, table.image th {
-    padding: 10px 0 !important;
+table td,
+table th,
+table.image td,
+table.image th {
+  padding: 10px 0 !important;
 }
 
 table.image img {
-    border: 1px solid #cccccc;
+  border: 1px solid #cccccc;
 }
 
 caption {
-    font-size: 16px;
+  font-size: 16px;
 }
 
 .page-content {
-    padding: 15px 0 !important;
+  padding: 15px 0 !important;
 }
 
 .page-content-home {
-    background-color: #e4e2dd;
+  background-color: #e4e2dd;
 }
 
 .page-content .wrapper {
-    margin: 0 auto;
-    max-width: calc(100% - 60px);
-}
-
-.post-title {
-    --x-height-multiplier: 0.342;
-    --baseline-multiplier: 0.22;
-    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif;
-    letter-spacing: -.02em;
-    font-weight: 700;
-    font-style: normal;
-    letter-spacing: 0;
-    font-size: 36px;
-    margin-left: -2.63px;
-    line-height: 1.04;
-    letter-spacing: -.015em;
-    padding-top: 5px!important;
+  margin: 0 auto;
+  max-width: calc(100% - 60px);
 }
 
 .desc-list {
-    list-style: none;
-    margin: 0;
+  list-style: none;
+  margin: 0;
 }
 
 .wrapper {
-    max-width: 1000px;
+  max-width: 1000px;
 }
 
 .site-title {
-    text-transform: uppercase;
-    color: #ffffff !important;
-    font-weight: bold;
+  text-transform: uppercase;
+  color: #ffffff !important;
+  font-weight: bold;
 }
 
 .site-title:hover,
 .site-nav .page-link:hover {
-    text-decoration: none;
+  text-decoration: none;
 }
 
 .site-nav .page-link {
-    color: #ffffff !important;
-    text-transform: uppercase;
-    font-size: 16px;
-    font-weight: bold;
+  color: #ffffff !important;
+  text-transform: uppercase;
+  font-size: 16px;
+  font-weight: bold;
 }
 
-.post-list {
-    li {
-        background-color: #fff;
-
-        div.post-excerpt::first-letter {
-            font-size: 75px;
-            line-height: 60px;
-            float: left;
-            padding: 0px 8px 0 3px;
-            color: #8A2BE2;
-        }
-
-        h3 {
-            a {
-            color: #222 !important;
-            font-weight: bold;
-            font-size: 36px;
-            }
-
-            a:hover {
-                text-decoration: none;
-                color: #bb4a03 !important;
-            }
-        }
-    }
-}
-
-
 .categories {
-    width: 100%;
-    /*
+  width: 100%;
+  /*
     height: 700px;
     background: url('../assets/background/people_devices.jpg');
     background-repeat: no-repeat;
     background-size: 100%;
     */
-    text-align: center;
+  text-align: center;
 }
 
 .categories-content {
-    a {
-        text-decoration: none;
-    }
-    
-    span.categories-title {
-        color: rgba(141, 191, 66, .97);
-        text-transform: uppercase;
-        font-size: 36px;
-        font-weight: bold;
-    }
+  a {
+    text-decoration: none;
+  }
 
-    .categories-card {
-        width: 360px;
-        /*
+  span.categories-title {
+    color: rgba(141, 191, 66, 0.97);
+    text-transform: uppercase;
+    font-size: 36px;
+    font-weight: bold;
+  }
+
+  .categories-card {
+    width: 360px;
+    /*
         margin-top: 450px;
         */
-        margin-top: 80px;
-        border: 2px solid #ccc;
-        border-radius: 3.2px !important;
-        box-shadow: 5px 25px 30px -25px rgba(34, 34, 34, 0.25);
-        background: white;
+    margin-top: 80px;
+    border: 2px solid #ccc;
+    border-radius: 3.2px !important;
+    box-shadow: 5px 25px 30px -25px rgba(34, 34, 34, 0.25);
+    background: white;
 
-        div.categories-text {
-            padding: 10px;
-        }
+    div.categories-text {
+      padding: 10px;
     }
+  }
 }
 
 .jumbotron {
-    background-color: rgba(141, 191, 66, .97)!important;
-    /*
+  background-color: rgba(141, 191, 66, 0.97) !important;
+  /*
     background-image:  url('/assets/background/people_devices.jpg');
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-position: center center; 
     background-size: 100% auto;
     */
-    box-shadow: 5px 25px 30px -25px rgba(34, 34, 34, 0.25);
-    width: 100%;
+  box-shadow: 5px 25px 30px -25px rgba(34, 34, 34, 0.25);
+  width: 100%;
 }
 
-.after-post #mc_embed_signup label {
-    color: rgba(141, 191, 66, 0.97) !important;
-}
-
-.after-post,
+.blog-post__after-content,
 .jumbotron {
-    #mc_embed_signup label {
-        text-align: center;
-        font-size: 36px;
-        color: #ffffff;
-        font-weight: bold;
-        margin: 0 0 20px 0;
-        /* text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1) !important; */
-    }
+  #mc_embed_signup label {
+    text-align: center;
+    font-size: 36px;
+    color: #ffffff;
+    font-weight: bold;
+    margin: 0 0 20px 0;
+    /* text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1) !important; */
+  }
 }
 
 .categories-content,
 .jumbotron-content {
-    margin: 0 auto;
-    width: 800px;
-    padding: 80px 0;
+  margin: 0 auto;
+  width: 800px;
+  padding: 80px 0;
 }
 
 .jumbotron-content #mc_embed_signup {
-    width: 100%;
+  width: 100%;
 }
 
 #about-me h2 {
-    font-size: 23px;
-    font-weight: bold;
+  font-size: 23px;
+  font-weight: bold;
 }
 
 #about-me {
-    padding: 1rem 1rem 0.5rem;
-    position: relative;
-    text-align: center;
-    font-size: 14px;
+  padding: 1rem 1rem 0.5rem;
+  position: relative;
+  text-align: center;
+  font-size: 14px;
 }
 
 #about-me::after {
-    content: "";
-    margin-left: -8px;
-    display: block;
-    width: 0;
-    height: 0;
-    position: absolute;
-    bottom: -8px;
-    left: 50%;
-    border-bottom: 0 inset transparent;
-    border-left: 8px inset transparent;
-    border-right: 8px inset transparent;
-    border-top: 8px solid #8dbf42;
-
+  content: "";
+  margin-left: -8px;
+  display: block;
+  width: 0;
+  height: 0;
+  position: absolute;
+  bottom: -8px;
+  left: 50%;
+  border-bottom: 0 inset transparent;
+  border-left: 8px inset transparent;
+  border-right: 8px inset transparent;
+  border-top: 8px solid #8dbf42;
 }
 
 #donate-form {
-    background-color: #80ae3c !important;
-    height: 50px;
-    padding: 30px 0 15px;
+  background-color: #80ae3c !important;
+  height: 50px;
+  padding: 30px 0 15px;
 }
 
 #donate-form form {
-    width: 145px;
-    margin: 0 auto;
+  width: 145px;
+  margin: 0 auto;
 }
 
 #mc_embed_signup input {
-    padding: 15px !important;
-    font-size: 16px !important;
-    font-weight: bold;
-    height: 60px !important;
-    border-radius: 3.2px !important;
+  padding: 15px !important;
+  font-size: 16px !important;
+  font-weight: bold;
+  height: 60px !important;
+  border-radius: 3.2px !important;
 }
 
 #mc_embed_signup .button {
-    background-color: #ee4a03 !important;
+  background-color: #ee4a03 !important;
 }
 
 .float-left {
-    float: left;
+  float: left;
 }
 
 .float-right {
-    float: right;
+  float: right;
 }
 
 .clear-both {
-    clear: both;
+  clear: both;
 }
 
-.post-excerpt {}
-
 .post-thumb {
-    width: 240px;
-    margin: 29px 0 25px 25px;
+  width: 240px;
+  margin: 29px 0 25px 25px;
 }
 
-.post-readmore {
-    margin: 10px 0;
-}
-
-.post-readmore a:hover,
 .up-next:hover {
-    text-decoration: none;
+  text-decoration: none;
 }
 
-.post-readmore a,
 .up-next {
-    background-color: #ee4a03;
-    color: #ffffff !important;
-    padding: 15px;
-    display: inline-block;
-    width: calc(100% - 30px);
-    font-size: 16px;
-    font-weight: bold;
-    font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
-    border-radius: 3.2px;
-    border: 1px solid #ee4a03;
-    text-align: center;
+  background-color: #ee4a03;
+  color: #ffffff !important;
+  padding: 15px;
+  display: inline-block;
+  width: calc(100% - 30px);
+  font-size: 16px;
+  font-weight: bold;
+  font-family: medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont,
+    "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
+    sans-serif !important;
+  border-radius: 3.2px;
+  border: 1px solid #ee4a03;
+  text-align: center;
 }
 
 .subscription-message-text p {
-    margin: 15px 5px;
-    font-size: 16px;
-    line-height: 24px;
-    text-rendering: optimizelegibility !important;
+  margin: 15px 5px;
+  font-size: 16px;
+  line-height: 24px;
+  text-rendering: optimizelegibility !important;
 }
 
 .subscription-message-text {
-    width: 220px;
-    margin-left: 5px;
+  width: 220px;
+  margin-left: 5px;
 }
 
 .subscription-message-div:after {
-    content: "";
-    position: absolute;
-    top: 0;
-    left: 50%;
-    width: 0;
-    height: 0;
-    border: 20px solid transparent;
-    border-bottom-color: #80ae3c;
-    border-top: 0;
-    border-left: 0;
-    margin-left: -10px;
-    margin-top: -20px;
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 50%;
+  width: 0;
+  height: 0;
+  border: 20px solid transparent;
+  border-bottom-color: #80ae3c;
+  border-top: 0;
+  border-left: 0;
+  margin-left: -10px;
+  margin-top: -20px;
 }
 
 .subscription-message-div {
-    color: #ffffff;
-    background-color: #80ae3c;
-    width: 300px;
-    text-align: left;
-    margin: 50px auto 0;
-    position: relative;
-    border: 1px solid transparent;
-    border-bottom-left-radius: 2.5rem;
-    border-top-left-radius: 2.5rem;
-    border-bottom-right-radius: 2.5rem;
-    border-top-right-radius: 2.5rem;
+  color: #ffffff;
+  background-color: #80ae3c;
+  width: 300px;
+  text-align: left;
+  margin: 50px auto 0;
+  position: relative;
+  border: 1px solid transparent;
+  border-bottom-left-radius: 2.5rem;
+  border-top-left-radius: 2.5rem;
+  border-bottom-right-radius: 2.5rem;
+  border-top-right-radius: 2.5rem;
 }
 
 .subscription-message-thumb {
-    width: 72px;
+  width: 72px;
 }
 
 .subscription-message-thumb img,
 .ayo-thumb img {
-    border-radius: 50%;
-    border: 1px solid hsla(0, 0%, 100%, .3) !important;
-    margin: 2px;
+  border-radius: 50%;
+  border: 1px solid hsla(0, 0%, 100%, 0.3) !important;
+  margin: 2px;
 }
 
 .ayo-thumb {
-    width: 100px;
-    margin: 0 auto;
+  width: 100px;
+  margin: 0 auto;
 }
 
 .site-body {
-    max-width: 1000px;
-    margin: 0 auto;
+  max-width: 1000px;
+  margin: 0 auto;
 }
 
 main.page-content {
-    width: calc(70% - 20px);
-
-    div.wrapper {
-        article {
-            div.post-content p:first-of-type::first-letter {
-                font-size: 75px;
-                line-height: 60px;
-                float: left;
-                padding: 0px 8px 0 3px;
-                color: #8A2BE2;
-            }
-        }
-    }
+  width: calc(70% - 20px);
 }
 
 nav#side-nav {
-    width: calc(30% - 10px);
-    margin: 30px 0;
-    box-shadow: 5px 25px 30px -25px rgba(34, 34, 34, .25);
-    position: sticky;
-    position: -webkit-sticky;
-    top: 30px
-    }
+  width: calc(30% - 10px);
+  margin: 30px 0;
+  box-shadow: 5px 25px 30px -25px rgba(34, 34, 34, 0.25);
+  position: sticky;
+  position: -webkit-sticky;
+  top: 30px;
+}
 
 .side-panel {
-    background-color: rgba(141, 191, 66, 0.97) !important;
-    color: white;
-    font-size: normal;
-    padding: 0 15px;
+  background-color: rgba(141, 191, 66, 0.97) !important;
+  color: white;
+  font-size: normal;
+  padding: 0 15px;
 }
 
 .page-content .wrapper .home {
-    background-color: transparent;
+  background-color: transparent;
 }
 
 .page-content .wrapper .post {
-    background-color: white;
-    margin: 15px 0 30px;
+  background-color: white;
+  margin: 15px 0 30px;
 }
 
 .site-container {
-    background-color: #ffffff;
-}
-
-.first-letter { 
-    font-size: 75px;
-    line-height: 60px;
-    float: left;
-    padding: 0px 8px 0 3px;
-    color: #8A2BE2;
+  background-color: #ffffff;
 }
 
 @media only screen and (min-width: 0px) and (max-width: 350px) {
-    div.subscription-message-div {
-        display: none !important;
+  div.subscription-message-div {
+    display: none !important;
+  }
+
+  .blog-home {
+    &__list-items {
+      margin-left: 0;
     }
+  }
 }
 
 @media only screen and (min-width: 0px) and (max-width: 767px) {
+  article .post-content p,
+  article .post-content ul li,
+  article .post-content ol li,
+  .blog-home {
+    &__list-items {
+      margin-left: 0;
+    }
+  }
 
-    article .post-content p,
-    article .post-content ul li,
-    article .post-content ol li,
-    .home .post-excerpt p
-    {
-        font-size: 18px;
-    }
+  caption {
+    font-size: 12px;
+  }
 
-    caption {
-        font-size: 12px;
-    }
-
-    .jumbotron {
-        background: rgba(141, 191, 66, .97)!important;
-        width: 100%;
-    }
-    #mc_embed_signup input {
-        width: 250px !important;
-        height: 50px !important;
-        padding: 10px !important;
-        margin-bottom: 5px !important;
-    }
-    .jumbotron-content {
-        width: calc(100% - 120px);
-        padding: 80px 60px;
-    }
-    .page-content .wrapper {
-        max-width: 100%;
-    }
-    main.page-content {
-        width: 100%;
-    }
-    nav#side-nav {
-        width: 100%;
-        margin: 0 0 30px;
-        box-shadow: 5px 25px 30px -25px rgba(34, 34, 34, .25);
-    }
-    .side-panel {
-        width: calc(100%-30px) !important;
-        margin: 0 15px;
-    }
-    .post-thumb {
-        width: 100%;
-        margin: 0 0 25px 25px;
-    }
-    .jumbotron {
-        background: rgba(141, 191, 66, .97)!important;
-        width: 100%;
-        box-shadow: 5px 25px 30px -25px rgba(34, 34, 34, 0.25);
-    }
-    .jumbotron-content {
-        padding: 30px 0;
-    }
-    .post-list li h3 a,
-    .post-title {
-        font-size: 31px;
-    }
-    #mc_embed_signup input {
-        margin: 0 20px !important;
-        width: calc(100% - 40px) !important;
-        height: 50px !important;
-        padding: 10px !important;
-    }
-    .jumbotron-content #logo-div {
-        width: 100%;
-    }
-    .jumbotron-content #mc_embed_signup {
-        width: 100%;
-    }
-    .jumbotron-content {
-        width: 100%;
-    }
-    .site-nav {
-        background-color: rgba(141, 191, 66, .97)!important;
-        border: 1px solid hsla(0, 0%, 100%, .3) !important;
-    }
-    .site-nav .menu-icon>svg path {
-        fill: #ffffff;
-    }
+  .jumbotron {
+    background: rgba(141, 191, 66, 0.97) !important;
+    width: 100%;
+  }
+  #mc_embed_signup input {
+    width: 250px !important;
+    height: 50px !important;
+    padding: 10px !important;
+    margin-bottom: 5px !important;
+  }
+  .jumbotron-content {
+    width: calc(100% - 120px);
+    padding: 80px 60px;
+  }
+  .page-content .wrapper {
+    max-width: 100%;
+  }
+  main.page-content {
+    width: 100%;
+  }
+  nav#side-nav {
+    width: 100%;
+    margin: 0 0 30px;
+    box-shadow: 5px 25px 30px -25px rgba(34, 34, 34, 0.25);
+  }
+  .side-panel {
+    width: calc(100%-30px) !important;
+    margin: 0 15px;
+  }
+  .post-thumb {
+    width: 100%;
+    margin: 0 0 25px 25px;
+  }
+  .jumbotron {
+    background: rgba(141, 191, 66, 0.97) !important;
+    width: 100%;
+    box-shadow: 5px 25px 30px -25px rgba(34, 34, 34, 0.25);
+  }
+  .jumbotron-content {
+    padding: 30px 0;
+  }
+  .post-list li h3 a {
+    font-size: 31px;
+  }
+  #mc_embed_signup input {
+    margin: 0 20px !important;
+    width: calc(100% - 40px) !important;
+    height: 50px !important;
+    padding: 10px !important;
+  }
+  .jumbotron-content #logo-div {
+    width: 100%;
+  }
+  .jumbotron-content #mc_embed_signup {
+    width: 100%;
+  }
+  .jumbotron-content {
+    width: 100%;
+  }
+  .site-nav {
+    background-color: rgba(141, 191, 66, 0.97) !important;
+    border: 1px solid hsla(0, 0%, 100%, 0.3) !important;
+  }
+  .site-nav .menu-icon > svg path {
+    fill: #ffffff;
+  }
 }
 
 @media only screen and (min-width: 768px) and (max-width: 1024px) {
-    #mc_embed_signup input {
-        width: 250px !important;
-        height: 50px !important;
-        padding: 10px !important;
-        margin-bottom: 5px !important;
-    }
-    .jumbotron-content {
-        width: calc(100% - 100px);
-        padding: 60px 50px;
-    }
-    .jumbotron {
-        background: rgba(141, 191, 66, .97)!important;
-    }
+  #mc_embed_signup input {
+    width: 250px !important;
+    height: 50px !important;
+    padding: 10px !important;
+    margin-bottom: 5px !important;
+  }
+  .jumbotron-content {
+    width: calc(100% - 100px);
+    padding: 60px 50px;
+  }
+  .jumbotron {
+    background: rgba(141, 191, 66, 0.97) !important;
+  }
 }
 
 table.image caption {
-    font-size: small;
-    font-style: italic;
+  font-size: small;
+  font-style: italic;
 }
 
 .embed-container {
-    position: relative;
-    padding-bottom: 56.25%;
-    height: 0;
-    overflow: hidden;
-    max-width: 100%;
+  position: relative;
+  padding-bottom: 56.25%;
+  height: 0;
+  overflow: hidden;
+  max-width: 100%;
 }
 
 .embed-container iframe,
 .embed-container object,
 .embed-container embed {
-    position: absolute;
-    top: 0;
-    left: 0; 
-    width: 100%;
-    height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
 }
 
 .tip-jar {
-    width: 100%;
-    text-align: center;
+  width: 100%;
+  text-align: center;
 }
 
-.image-caption {
-    font-size: small;
-    text-align: center;
-    margin-bottom: 0px;
-}
\ No newline at end of file
+.blog-post {
+  &__header {
+    &__title {
+      --x-height-multiplier: 0.342;
+      --baseline-multiplier: 0.22;
+      font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva,
+        Arial, sans-serif;
+      letter-spacing: -0.02em;
+      font-weight: 700;
+      font-style: normal;
+      letter-spacing: 0;
+      font-size: 36px;
+      margin: 10px 0 10px -2.63px;
+      line-height: 1.04;
+      letter-spacing: -0.015em;
+      padding-top: 5px !important;
+    }
+    &__description {
+      font-size: 16px;
+      font-style: italic;
+    }
+    &__meta {
+      font-size: 14px;
+      color: #828282;
+      margin: 10px 0 10px;
+
+      &__author {
+        font-weight: bold;
+      }
+    }
+    &__image-caption {
+      font-size: small;
+      text-align: center;
+      margin-bottom: 0px;
+    }
+  }
+  &__content {
+    h1,
+    h2,
+    h3 {
+      padding-top: 20px;
+      font-weight: bold;
+    }
+    p:first-of-type::first-letter {
+      font-size: 75px;
+      line-height: 60px;
+      float: left;
+      padding: 0px 3px;
+      color: #8a2be2;
+    }
+    p {
+      margin-top: 21px;
+    }
+
+    p,
+    ul li,
+    ol li {
+      --x-height-multiplier: 0.375;
+      --baseline-multiplier: 0.17;
+      font-family: medium-content-serif-font, Georgia, Cambria,
+        "Times New Roman", Times, serif;
+      letter-spacing: 0.01rem;
+      font-weight: 400;
+      font-style: normal;
+      font-size: 21px;
+      line-height: 1.58;
+      letter-spacing: -0.003em;
+    }
+  }
+  &__after-content {
+    #mc_embed_signup label {
+      color: rgba(141, 191, 66, 0.97) !important;
+    }
+  }
+}
+
+.blog-home {
+  &__list-items {
+    list-style: none;
+
+    &__item {
+      background-color: #fff;
+      margin-bottom: 35px;
+      &__header {
+        margin-bottom: 15px;
+        &__title {
+          margin: 10px 0;
+          a {
+            color: #222 !important;
+            font-weight: bold;
+            font-size: 36px;
+          }
+
+          a:hover {
+            text-decoration: none;
+            color: #bb4a03 !important;
+          }
+        }
+        &__description {
+          font-style: italic;
+          font-size: 18px;
+        }
+      }
+
+      &__excerpt {
+        p {
+          margin-top: 21px;
+          --x-height-multiplier: 0.375;
+          --baseline-multiplier: 0.17;
+          font-family: medium-content-serif-font, Georgia, Cambria,
+            "Times New Roman", Times, serif;
+          letter-spacing: 0.01rem;
+          font-weight: 400;
+          font-style: normal;
+          font-size: 21px;
+          line-height: 1.58;
+          letter-spacing: -0.003em;
+        }
+        /*
+        p:first-of-type::first-letter {
+          font-size: 75px;
+          line-height: 60px;
+          float: left;
+          padding: 0px 3px;
+          color: #8a2be2;
+        }
+        */
+      }
+
+      &__readmore {
+        margin: 10px 0;
+        a:hover {
+          text-decoration: none;
+        }
+        a {
+          background-color: #ee4a03;
+          color: #ffffff !important;
+          padding: 15px;
+          display: inline-block;
+          width: calc(100% - 30px);
+          font-size: 16px;
+          font-weight: bold;
+          font-family: medium-content-sans-serif-font, -apple-system,
+            BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell,
+            "Open Sans", "Helvetica Neue", sans-serif !important;
+          border-radius: 3.2px;
+          border: 1px solid #ee4a03;
+          text-align: center;
+        }
+      }
+    }
+  }
+}