EOD push

src/components/Footer.jsx

@@ -3,10 +3,10 @@ import '../styles/Footer.scss';
 
 function Footer() {
     return (
-        <div className='Footer'>
-            <img src={LogoBW} alt='Kasa' className='kasa-logo-bw' />
+        <div className='footer'>
+            <img src={LogoBW} className='footer--logo' alt='Kasa Logo'/>
             <div className='disclaimer'>
-                <p className='kasa-footer'>© 2024 Kasa. All rights reserved</p>
+                <p className='footer--text'>© 2024 Kasa. All rights reserved</p>
             </div>
         </div>
     );

src/styles/Error.scss

@@ -1,17 +1,18 @@
 $kasa-pink: #FF6060;
+$kasa-font: 'Montserrat', sans-serif;
 
 h1 {
     color: $kasa-pink;
     font-size: 12em;
     text-align: center;
     font-weight: 600;
-    font-family: 'Montserrat', sans-serif;
+    font-family: $kasa-font
 }
 
 p {
     color: $kasa-pink;
     font-size: 2em;
     text-align: center;
     font-weight: 500;
-    font-family: 'Montserrat', sans-serif;
+    font-family: $kasa-font
 }

src/styles/Footer.scss

@@ -1,28 +1,31 @@
 $kasa-black: #000000;
+$kasa-white: #FFFFFF;
 
-.Footer {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    flex-direction: column;
-    height: 210px;
+.footer {
     width: 100%;
+    height: 209px;
     background-color: $kasa-black;
-    font-size: 14px;
-    color: #495057;
-    text-align: center;
-    position: fixed;
+    color: $kasa-white;
+    position: absolute;
     bottom: 0;
-    padding-top: 20px;
-}
-
-.kasa-logo-bw {
-    margin-top: 20px;
+    left: 0;
+    box-sizing: border-box;
+    display: flex;
     justify-content: center;
     align-items: center;
-    font-size: 14px;
-}
+    flex-direction: column;
+    gap: 30px;
+    padding: 66px 0;
 
-.kasa-footer {
-    color: white;
+    &--logo {
+        margin-top: 20px;
+        width: 122px;
+        height: 40px;
+    }
+
+    &--text {
+        font-size: 24px;
+        font-weight: 500;
+        color: $kasa-white;
+    }
 }