Styles for footer

style.css

@@ -50,9 +50,7 @@ body {
   background-color: var(--background-color);
   color: var(--text-color);
   height: 100vh;
-  display: flex;
-  justify-content: center;
-  align-items: center;
+
 }
 
 .container {
@@ -297,6 +295,17 @@ button {
   background-repeat: repeat-x; /* Repeat horizontally */
   background-position: bottom;
 }
+
+
+footer {
+  width: 100%;
+  background-color: var(--text-color);
+  color: var(--background-color);
+  /* height: 20px; */
+  padding: 5px;
+  position: fixed;
+  bottom: 0;
+}
 /* Responsive design for smaller screens */
 @media (max-width: 768px) {
   .container {