Update style.css

Author: LinuxJava7

style.css

@@ -1,6 +1,6 @@
 @import url('https://unpkg.com/@catppuccin/palette/css/catppuccin.css');
 
-:root { 
+:root {
   font-family: Inter, sans-serif;
   font-feature-settings: 'liga' 1, 'calt' 1;
   word-wrap: break-word;
@@ -18,11 +18,15 @@ body {
   background: rgb(var(--ctp-latte-base-rgb));
   margin: 0;
   font-size: 1rem;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
 }
 
 .content {
-  margin: 1em; 
-  padding: 2em 0 4em; 
+  margin: 1em;
+  padding: 2em 0 4em;
+  flex-grow: 1;
 }
 
 h1 {
@@ -36,7 +40,7 @@ h1 {
 
 .headerbar {
   display: flex;
-  background: rgba(239, 241, 245, 0.8); 
+  background: rgba(239, 241, 245, 0.8);
   justify-content: center;
   align-items: center;
   height: 2.9375rem;
@@ -91,13 +95,31 @@ h1 {
   border-radius: 0.375rem;
 }
 
-body > footer { 
-  background-color: var(--ctp-frappe-base); 
-  color: var(--ctp-frappe-text); 
-  flex-basis: auto; 
-  flex-grow: 0; 
-  flex-shrink: 0; 
-  line-height: 4em; 
-  padding: 1rem 1rem 0; 
-  text-align: center;  
+body > footer {
+  background-color: var(--ctp-frappe-base);
+  color: var(--ctp-frappe-text);
+  flex-basis: auto;
+  flex-grow: 0;
+  flex-shrink: 0;
+  line-height: 4em;
+  padding: 1rem 1rem 0;
+  text-align: center;
+  margin-top: auto;
+}
+
+.social {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  display: flex;
+  justify-content: center;
+}
+
+.social li {
+  margin: 0 0.5rem;
+}
+
+.social a {
+  color: inherit;
+  text-decoration: none;
 }