Added content to footer

index.html

@@ -20,9 +20,14 @@
         <footer>
             <!-- Left side -->
             <div>
+                <p>Icons from <a href="https://lucide.dev/">Lucide</a>.</p>
             </div>
             <!-- Right side -->
             <div>
+                <div style="height: 50px;" class="imgRightText">
+                    <img src="/pfp.png">
+                    <p>Brosef</p>
+                </div>
             </div>
         </footer>
     </body>

styles.css

@@ -52,15 +52,34 @@ main {
 footer {
     flex: 0 1 auto;
     display: flex;
+    padding: 20px 0 20px 0;
     background-color: var(--footer-colour);
 }
 
 footer > div {
     width: 50%;
+    height: fit-content;
+    margin: auto 0 auto 0;
+    text-align: center;
+}
+
+footer > div > * {
+    margin: 0 auto 0 auto;
 }
 
 
 
-#imaText { /* The text directly after "I'm a" */
-    color: #5a91ff;
+/* Used to make text appear to the right of an image */
+.imgRightText {
+    display: flex;
+    width: fit-content;
+}
+
+.imgRightText > img {
+    height: 100%;
+    margin-right: 5px;
+}
+
+.imgRightText > p {
+    margin: auto;
 }