fix footer

frontend/index.css

@@ -1,12 +1,11 @@
 @import url('./src/styles/colors.css');
 
-html {
-    min-height: 100%;
+.main {
+    min-height: calc(100vh - 41px);
 }
 
 body {
     font-family: 'Shippori Antique', sans-serif;
-    height: 80vh;
     background-color: var(--body);
     color: var(--text);
 }

frontend/src/App.tsx

@@ -255,7 +255,7 @@ export function App() {
 
     return (
         <main>
-            <Container className="pb-5">
+            <Container className="pb-5 main">
                 <Row>
                     <Col lg={7} xs={12}>
                         <div className="mt-5" />

frontend/src/components/Footer.css

@@ -1,11 +1,9 @@
 @import url('../../src/styles/colors.css');
 
 .footer {
-    position: absolute;
-    bottom: 0;
     width: 100%;
     height: 40px;
-    line-height: 39px;
+    line-height: 38px;
     background-color: var(--stack);
 }