Update background, remove some images, organize footer a bit

src/components/Footer.astro

@@ -1,17 +1,22 @@
 ---
 ---
-
+<br><br>
 <center>
   <footer class="footer">
     <div class="content has-text-centered">
+      <hr>
       <!--Badges-->
-      <a href="../assets/badges/limepotxyz-badge00.gif">mine button</a>
+      <a href="../assets/badges/limepotxyz-badge00.gif">Mine Button</a>
       <br>
       <a href="https://limepot.xyz/"><image src="/assets/badges/limepotxyz-badge00.gif" />
-        <br/></br>
+        <br/><br>
+        <a>Friend Buttons</a>
+        <br>
         <a href="https://zvava.org/"><image src="/assets/badges/zvava.org.png"></a>
         <a href="https://elke.cafe/"><image src="/assets/badges/elke.cafe.gif"></a>
-        </br> 
+        <br/><br>
+        <a>Buttons</a>
+        <br>
         <a href="https://jointhefediverse.net/"
           ><image src="/assets/badges/FEDERATE-NOW.jpg" />
           <a href="https://gnu.org"
@@ -37,7 +42,7 @@
                     </p>
 
                     <!--Badges-->
-                    <br /><br />
+                    <hr><br><br>
                     <a href="https://astro.build">
                       <img
                         src="https://astro.badg.es/v1/built-with-astro/tiny.svg"
@@ -86,3 +91,4 @@
     </div>
   </footer>
 </center>
+<br><br>

src/components/Head.astro

@@ -6,15 +6,15 @@
     <meta name="description" content="Personal website to LimePotato">
     <meta name="viewport" content="width=device-width" />
     <meta name="generator" content={Astro.generator} />
-    
     <link rel="stylesheet" href="/css/mystyles.css">
+    <link rel="icon" type="image/svg+xml" href="/assets/branding/limepot.svg" />
     <style>
         :root{
-          background: repeat url("/assets/background.gif");
-  			-webkit-background-size: cover;
+          background: repeat url("/assets/background.png");
+  			-webkit-background-size: repeat;
   			-moz-background-size: cover;
   			-o-background-size: cover;
-  		background-size: cover;
+  		background-size: repeat;
         }
       </style>
 
@@ -28,6 +28,10 @@
   align-content: center;
   justify-content: center;
 }
+	hr {
+		width: 42%;
+		color: #6e738d;
+	}
 	:root {
       --accent: 250, 179, 135;
       --accent-light: 250, 221, 201;