diff --git a/index.html b/index.html
index 08c0853..de3b7ce 100644
--- a/index.html
+++ b/index.html
@@ -213,6 +213,8 @@ BIND, CertBot, CSS, DNS, HTML, HTTPd, HTTPS, NginX, TomCat
 </ul>
 </article>
 
+<hr>
+
 <article><header>
 <div class="org"><img class="org" src="img/cdad-bdx.png" alt="CDAD-BDX logo">
 <div class="position">
@@ -228,6 +230,8 @@ BIND, CertBot, CSS, DNS, HTML, HTTPd, HTTPS, NginX, TomCat
 </ul>
 </article>
 
+<hr>
+
 <article><header>
 <div class="org"><img class="org" src="img/cdad-bdx.png" alt="CDAD-BDX logo">
 <div class="position">
@@ -271,6 +275,8 @@ BIND, CertBot, CSS, DNS, HTML, HTTPd, HTTPS, NginX, TomCat
 </ul>
 </article>
 
+<hr>
+
 <article><header>
 <div class="org"><img class="org" src="img/ceam.png" alt="CEAM logo">
 <div class="position">
@@ -318,6 +324,8 @@ BIND, CertBot, CSS, DNS, HTML, HTTPd, HTTPS, NginX, TomCat
 </ul>
 </article>
 
+<hr>
+
 <article><header>
 <div class="position">
 <p class="title">Live Scan Grub Menu</p>
@@ -354,6 +362,8 @@ BIND, CertBot, CSS, DNS, HTML, HTTPd, HTTPS, NginX, TomCat
 </ul>
 </article>
 
+<hr>
+
 <article><header>
 <div class="org"><img class="org" src="img/cnam.png" alt="CNAM logo">
 <div class="position">
diff --git a/style/light.css b/style/light.css
index 8f1490b..9cde2d9 100644
--- a/style/light.css
+++ b/style/light.css
@@ -4,7 +4,8 @@
 --body-background: #fff;
 --body-text: #000;
 --header-background: #ccc;
---qrcode-background: none;
+--qrcode-background: ;
+--ruler-border: #888;
 }
 @media screen {
 .dark {
@@ -14,6 +15,7 @@
 --body-text: #aaa;
 --header-background: #444;
 --qrcode-background: #aaa;
+--ruler-border: #444;
 }
 }
 
@@ -96,7 +98,8 @@ h3 {
 }
 
 hr {
-    border: .1em dashed #888;
+    border: .1em dashed;
+    border-color: var(--ruler-border);
     margin-block: .25em;
 }