Simple footer finished

konova/static/css/konova.css

@@ -3,18 +3,40 @@ Declare some basic colours
 */
 :root{
     --rlp-red: #871d33;
-    --rlp-grey-dark: #8e8e8e;
-    --rlp-grey-light: #c6c6c6;
+    --rlp-gray-dark: #8e8e8e;
+    --rlp-gray-light: #c6c6c6;
+}
+
+html {
+  position: relative;
+  min-height: 100%;
 }
 
 body{
     font-family: Arial;
     letter-spacing: 0.2px;
+    margin-bottom: 40px; /* Margin bottom by footer height */
 }
 
+.footer {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    height: 40px; /* Set the fixed height of the footer here */
+    line-height: 40px; /* Vertically center the text there */
+    background-color: #f5f5f5;
+    border-top: 1px solid var(--rlp-gray-light);
+    color: var(--rlp-gray-dark);
+}
+
+.footer-link a{
+    color: var(--rlp-gray-dark);
+    text-decoration: none;
+}
 
 .nav{
     background-color: var(--rlp-red);
+    height: 50px;
 }
 .nav-icon{
     color: white;
@@ -30,9 +52,16 @@ body{
 }
 
 .menu-elem:hover{
-    background-color: var(--rlp-grey-light);
+    /*
+    background-color: var(--rlp-gray-light);
+    */
 }
 
 .nav-btn{
     color: white;
+    padding: 0.5rem;
+    margin: 0 0.5rem 0 0;
+}
+.nav-btn:hover{
+
 }