Add sites and friends

index.html

@@ -25,7 +25,9 @@
             <li><a href="https://yukiis.moe" title="The life and tribulations of Yuki and Tsuki, a pair of foxgirls who have no idea of what they're doing.">horse life 98</a></li>
             <li><a href="https://toasters.rocks" title="Sometimes I write things.">toasters rocks</a></li>
             <li><a href="https://codewalr.us" title="A community of calculator hackers, game makers, and artists.">codewalrus</a></li>
-            <li><a rel="me" href="https://im-in.space/@Yuki" title="My main social media account. I don't really use any other social media aside from this one.">fediverse</a></li>
+            <li><a href="https://dansunegalaxie.ca" title="Fan wiki for TV show Dans une Galaxie près de chez vous">dans une galaxie wiki</a></li>
+            <li><a href="https://toile.qc.to" title="Search engine based on SearXNG">toile</a></li>
+            <li><a rel="me" href="https://groupe-tazor.com/@Yuki" title="My main social media account. I don't really use any other social media aside from this one.">fediverse</a></li>
             <li><a href="https://patreon.com/a39" title="Shut up and throw me money. Might send devlogs and exclusivities on my work in exchange.">patreon</a></li>
             <li><a href="https://git.a39.ca/yuki" title="A repository of code I wrote. May contain sources for the above websites.">source code</a></li>
             <li><a href="contact.html" title="If you ever need to send me email, but that's probably a last resort, I guess.">contact</a></li>

styles.css

@@ -6,7 +6,11 @@ body
     background-position: center;
     background-attachment: fixed;
     text-align: center;
-    @supports (background-image: url("bg.avif"))
+}
+
+@supports (background-image: url("bg.avif"))
+{
+    body
     {
         background-image: url("bg.avif");
     }
@@ -158,6 +162,28 @@ textarea
     text-align: center;
 }
 
+footer
+{
+    padding-top: 2em;
+}
+
+nav a
+{
+    text-decoration: none;
+}
+
+nav a img
+{
+    box-shadow: 4px 4px black;
+    transition: 0.2s;
+}
+
+nav a img:hover
+{
+    transform: translate(2px, 2px);
+    box-shadow: 2px 2px black;
+}
+
 @media screen and (max-width: 992px) {
     main
     {