Update CSS for compatibility

assets/css/main.css

@@ -38,9 +38,9 @@ header {
   border-bottom: 1px solid var(--text3);
   margin-bottom: 1rem;
 
-  nav {
+  & nav {
 
-    ul {
+    & ul {
 
       font-size: 1.25rem;
       list-style: none;
@@ -107,16 +107,12 @@ table {
   border-collapse: collapse;
   width: 100%;
 
-  th {
+  & th {
     text-align: left;
     border-bottom: 1px solid var(--text1);
   }
 }
 
-hr {
-  border: 0.1px solid var(--text2);
-}
-
 img {
   width: 100%;
 }
@@ -125,13 +121,13 @@ footer {
   border-top: 1px solid var(--text3);
   margin-top: 1rem;
 
-  p {
+  & p {
     font-size: 0.75rem;
     padding: 1rem;
     text-align: center;
     color: var(--text2);
 
-    a {
+    & a {
       color: var(--text2);
     }
   }
@@ -139,11 +135,11 @@ footer {
 
 .list {
 
-  h2 {
+  & h2 {
     margin-top: 2rem;
     margin-bottom: 0;
 
-    a {
+    & a {
       color: var(--text1);
     }
 
@@ -158,14 +154,14 @@ footer {
 }
 
 .tags {
-  ul {
+  & ul {
     list-style: none;
     display: flex;
     justify-content: space-between;
     padding: 0 1rem;
     font-size: 0.75rem;
 
-    li {
+    & li {
       padding: 0rem 0.3rem;
       border: 1px solid var(--text1);
       border-radius: 0.3rem;

layouts/partials/terms.html

@@ -12,7 +12,6 @@ For a given taxonomy, renders a list of terms assigned to the page.
 
 {{- with $page.GetTerms $taxonomy }}
 {{- $label := (index . 0).Parent.LinkTitle }}
-<hr>
 <div class="tags">
   <ul>
     {{- range . }}