use border-top instead of hr

diff --git a/src/components/footer.astro b/src/components/footer.astro
index 9d7c471aed3553ab42e9173fa85652e4b3292c16..7c1980a17f29eacce5930cd0b6acfa3aff689638 100644 (file)
--- a/src/components/footer.astro
+++ b/src/components/footer.astro
@@ -5,7 +5,6 @@ import { Icon } from 'astro-icon/components';
 const currentYear = new Date().getFullYear();
 ---
 <footer>
-    <hr />
     <address>
         <menu>
             {Object.keys(socials).map((platform) => (
@@ -24,6 +23,9 @@ const currentYear = new Date().getFullYear();
 <style>
     footer {
         text-align: center;
+        border-top: 1px solid light-dark(#000000, #e6e2d6);
+        margin-top: 1rem;
+        padding-top: 1rem;
     }
     address {
         font-family: "Public Sans Variable", sans-serif;
@@ -36,10 +38,6 @@ const currentYear = new Date().getFullYear();
         display: inline;
         padding-right: 0.5rem;
     }
-    hr {
-        margin-bottom: 1rem;
-        margin-top: 1rem;
-    }
     [data-icon="mdi:rss"] {
         display: inline-block;
         vertical-align: middle;