diff --git a/_config.yml b/_config.yml
index bcea374e..52175138 100644
--- a/_config.yml
+++ b/_config.yml
@@ -86,7 +86,7 @@ facebook:
   username               :
   app_id                 :
   publisher              :
-og_image                 : # Open Graph/Twitter default site image
+og_image                 : /assets/images/data-science.png
 # For specifying social profiles
 # - https://developers.google.com/structured-data/customize/social-profiles
 social:
diff --git a/_includes/archive-single.html b/_includes/archive-single.html
index 37b8ec0e..5ebed744 100644
--- a/_includes/archive-single.html
+++ b/_includes/archive-single.html
@@ -11,12 +11,12 @@
 {% endif %}
 
 <div class="{{ include.type | default: 'list' }}__item">
-  <article class="archive__item" itemscope itemtype="https://schema.org/CreativeWork">
-    {% if include.type == "grid" and teaser %}
-      <div class="archive__item-teaser">
-        <a href="{{ post.url | relative_url }}"><img src="{{ teaser | relative_url }}" alt="{{ post.title }}"></a>
-      </div>
-    {% endif %}
+  <article class="archive__item card" itemscope itemtype="https://schema.org/CreativeWork">
+{% if teaser %}
+  <div class="archive__item-teaser">
+    <a href="{{ post.url | relative_url }}"><img src="{{ teaser | relative_url }}" alt="{{ post.title }}"></a>
+  </div>
+{% endif %}
     <h2 class="archive__item-title no_toc" itemprop="headline">
       {% if post.link %}
         <a href="{{ post.link }}">{{ title }}</a> <a href="{{ post.url | relative_url }}" rel="permalink"><i class="fas fa-link" aria-hidden="true" title="permalink"></i><span class="sr-only">Permalink</span></a>
diff --git a/_includes/head.html b/_includes/head.html
index 2e166797..415a0a7f 100644
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -20,7 +20,7 @@
 <!-- Google Fonts -->
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;700&family=Roboto:wght@400;700&display=swap" rel="stylesheet">
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Nunito+Sans:wght@400;700&display=swap" rel="stylesheet">
 
 {% if site.head_scripts %}
   {% for script in site.head_scripts %}
diff --git a/_layouts/single.html b/_layouts/single.html
index ce76b699..791dc17b 100644
--- a/_layouts/single.html
+++ b/_layouts/single.html
@@ -108,4 +108,4 @@ <h2 class="page__related-title">{{ site.data.ui-text[site.locale].related_label
   {% if jekyll.environment == 'production' and site.comments.provider and page.comments %}
   {% include comments.html %}
   {% endif %}
-</div>
\ No newline at end of file
+</div>
diff --git a/_sass/minimal-mistakes/_variables.scss b/_sass/minimal-mistakes/_variables.scss
index 597f6a77..665928df 100644
--- a/_sass/minimal-mistakes/_variables.scss
+++ b/_sass/minimal-mistakes/_variables.scss
@@ -32,8 +32,8 @@ $calisto: "Calisto MT", serif !default;
 $garamond: Garamond, serif !default;
 
 // Setting the fonts
-$global-font-family: "Roboto", Helvetica, Arial, sans-serif;
-$header-font-family: "Lora", "Times New Roman", serif;
+$global-font-family: 'Inter', system-ui, sans-serif;
+$header-font-family: 'Nunito Sans', system-ui, sans-serif;
 $caption-font-family: "Cardo, serif";
 
 /* type scale */
diff --git a/_sass/minimal-mistakes/skins/_air.scss b/_sass/minimal-mistakes/skins/_air.scss
index 0e5360c3..10689d95 100644
--- a/_sass/minimal-mistakes/skins/_air.scss
+++ b/_sass/minimal-mistakes/skins/_air.scss
@@ -3,13 +3,13 @@
    ========================================================================== */
 
 /* Colors */
-$background-color: #eeeeee !default;
-$text-color: #222831 !default;
-$muted-text-color: #393e46 !default;
-$primary-color: #0092ca !default;
-$border-color: mix(#fff, #393e46, 75%) !default;
+$background-color: #f7f9fa !default;
+$text-color: #2a2a2a !default;
+$muted-text-color: #6c757d !default;
+$primary-color: #2a4849 !default;
+$border-color: mix(#fff, $text-color, 85%) !default;
 $footer-background-color: $primary-color !default;
-$link-color: #393e46 !default;
+$link-color: $primary-color !default;
 $masthead-link-color: $text-color !default;
 $masthead-link-color-hover: $text-color !default;
 $navicon-link-color-hover: mix(#fff, $text-color, 80%) !default;
diff --git a/assets/css/main.scss b/assets/css/main.scss
index 27ef9982..ec9ea68f 100644
--- a/assets/css/main.scss
+++ b/assets/css/main.scss
@@ -134,3 +134,16 @@ a:hover {
   max-height: 40vh;
   object-fit: cover;
 }
+
+/* Card styles for archive items */
+.archive__item.card {
+  background: $background-color;
+  border-radius: $border-radius;
+  padding: 1em;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  transition: transform 0.2s, box-shadow 0.2s;
+}
+.archive__item.card:hover {
+  transform: translateY(-4px);
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+}
diff --git a/robots.txt b/robots.txt
index 406218e4..e67e070b 100644
--- a/robots.txt
+++ b/robots.txt
@@ -1,5 +1,5 @@
 User-agent: *
 Disallow:
 
-# Sitemap location
-Sitemap: https://diogoribeiro7.github.io/sitemap.xml
\ No newline at end of file
+# Sitemap
+Sitemap: https://diogoribeiro7.github.io/sitemap.xml
diff --git a/tests/test_fix_date.py b/tests/test_fix_date.py
index 33cecd00..b727fd54 100644
--- a/tests/test_fix_date.py
+++ b/tests/test_fix_date.py
@@ -1,13 +1,14 @@
 import os
 import sys
 import tempfile
-import frontmatter
-import pytest
-
 
-# Add the project root to sys.path
-sys.path.insert(0, os.path.abspath(os.path.join(os.path.dirname(__file__), '..')))
+# Add the project root to sys.path so local modules can be imported when
+# running the tests via the `pytest` entry point (which doesn't prepend the
+# working directory to `sys.path`).
+sys.path.insert(0, os.path.abspath(os.path.join(os.path.dirname(__file__), "..")))
 
+import frontmatter
+import pytest
 import fix_date