fixed footer height and position

src/lib/footer.svelte

@@ -15,8 +15,8 @@
 </script>
 
 <footer>
+    <div class="background">
         <SeparatorLine noMargin />
-    
         <div class="content-container">
             <div class="content-box center-box">
                 <p>〔 2023–2026 〕denizk0461</p>
@@ -42,14 +42,13 @@
             alt="the bottom rat" 
             class="bottom-rat" 
             src="/common/rat/spookyrat.webp">
+    </div>
 </footer>
 
 <style>
     footer {
-        background-color: var(--color-background-highlight);
-        margin-top: 40px;
+        margin-top: auto;
         width: 100%;
-        backdrop-filter: blur(6px);
     }
 
     footer h6 {
@@ -78,11 +77,15 @@
         bottom: 0;
     }
 
+    .background {
+        background-color: var(--color-background-highlight);
+        backdrop-filter: blur(6px);
+        margin-top: 32px;
+    }
+
     .content-container {
-        height: 100%;
         margin: 0 24px 0 48px;
         display: flex;
-        /* align-items: center; */
         flex-flow: row;
         gap: 16px;
         justify-content: space-evenly;

src/routes/+layout.svelte

@@ -104,6 +104,7 @@
         .all-content-container {
             display: flex;
             flex-direction: column;
+            height: 100vh;
             /* max-width: 100%; */
         }