chore: clean up css — generic styles where they make sense; remove deprecated styles, fragments of utility nonsense etc

src/_includes/partials/banners/github.liquid

@@ -1,3 +1,3 @@
 <div class="banner github">
-  <p>{% tablericon "brand-github" "GitHub repository" %}Take a look at <a href="{{ url }}">the GitHub repository for this project</a>. (And give it a star if you feel like it.)</p>
+  <p>{% tablericon "brand-github" "GitHub repository" %}Take a look at <a href="{{ url }}">the GitHub repository for this project</a>. (Give it a star if you feel like it.)</p>
 </div>

src/_includes/partials/home/posts.liquid

@@ -8,7 +8,7 @@
   </div>
   {% for post in posts %}
   <article class="h-entry">
-    <div class="flex-centered gap-xs icon-small icon-light">
+    <div class="time-wrapper flex-centered">
       {% tablericon "calendar-month" "Date" %}
       <time class="dt-published" datetime="{{ post.date }}">
         {{ post.date | date: "%B %e, %Y" }}

src/_includes/partials/media/books/year.liquid

@@ -13,5 +13,5 @@ layout: default
 {% else %}
 <p>I finished <strong class="highlight-text">{{ bookData.size }} books</strong> in {{ year }}.</p>
 {% endif %}
-<hr class="large-spacing" />
+<hr />
 {% render "partials/media/grid.liquid", data:bookData, shape: "vertical", count: 200, loading: "eager" %}

src/_includes/partials/media/watching/grid.liquid

@@ -8,7 +8,7 @@
         <div class="meta-text">
           {% if item.type == 'movie' %}
             <div class="header">{{ item.title }}</div>
-            <div class="subheader flex-centered gap-xs">
+            <div class="subheader flex-centered">
               {{ item.year }}
               {% if rating and item.rating %}
                 <span class="rating"> ({{ item.rating }})</span>