diff --git a/assets/css/main.css b/assets/css/main.css
index 1e45ad9..1a356d5 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -126,8 +126,9 @@ hr {
   margin-right: var(--header-menu-side-gap);
 }
 
-.header h1 {
+.header-title {
   font-size: 2.6em;
+  font-weight: bold;
   margin-bottom: 0;
   margin-top: 0;
 }
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 14e5c07..21f73a5 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,7 +1,7 @@
 {{/* Header */}}
 
 <div class="header">
-    <h1>{{ site.Title }}</h1>
+    <h1 class="header-title">{{ site.Title }}</h1>
 
     <div class="flex">
         {{ $currentPage := . }}