Make the footer be in the bottom of the page always, even if there is not enough content to push it down.

src/App.svelte

@@ -18,6 +18,8 @@
   }
 </script>
 
+<div class="page_container">
+
   <Navbar />
 
   <section class="section">
@@ -36,3 +38,5 @@
   </section>
 
   <Footer />
+
+</div>

src/app.scss

@@ -7,6 +7,18 @@
   }
 }
 
+.page_container {
+
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  min-height: 100vh;
+
+  section.section{
+    flex-grow: 1;
+  }
+}
+
 .rotate {
   animation: rotating 10s linear infinite;
 }