diff --git a/assets/css/main.css b/assets/css/main.css
index 0941263..0d6d5d8 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -8,7 +8,7 @@ html {
 body {
   font-family: "Literata";
   font-size: 1rem;
-  color: rgb(30, 30, 30);
+  color: var(--content);
   line-height: 1.3rem;
   margin: auto;
   max-width: var(--main-width);
@@ -96,8 +96,8 @@ code {
 }
 
 hr {
-  border: 1px solid black;
-  margin-top: 2rem;
+  border: 1px solid var(--content);
+  margin-top: 3rem;
   margin-bottom: 2rem;
 }
 
diff --git a/assets/css/vars.css b/assets/css/vars.css
index 09cb6da..a222858 100644
--- a/assets/css/vars.css
+++ b/assets/css/vars.css
@@ -10,11 +10,11 @@
     --header-menu-top-gap: 1rem;
 
     /* Typography */
-    --h1-margin-top: 2rem;
+    --h1-margin-top: 2.5rem;
     --h1-margin-bottom: 2rem;
     --h2-margin-top: 2rem;
-    --h2-margin-bottom: 2rem;
-    --hx-margin-top: 1rem;
+    --h2-margin-bottom: 1.5rem;
+    --hx-margin-top: 1.5rem;
     --hx-margin-bottom: 1rem;
     --p-margin-top: 1rem;
     --p-margin-bottom: 1rem;
@@ -38,6 +38,8 @@
 
     /* Content */
     --content-height: calc(100vh - var(--footer-height));
+
+    --content: rgb(30, 30, 30);
 }
 
 @media screen and (max-width: 1024px) {