Change Zakarya title size and add support email to footer

component/footer.html

@@ -1,3 +1,4 @@
 <div class="footer">
   <p>© 2025 Colormatic Studios, All Rights Reserved.</p>
+  <p><a href="mailto:support@colormatic.org">support@colormatic.org</a></p>
 </div>

css/style.css

@@ -217,7 +217,7 @@ main div.heading {
 main span.name-title {
     display: block;
     color: var(--text-color);
-    font-size: 700%;
+    font-size: 550%;
     text-align: center;
 }
 
@@ -351,17 +351,31 @@ ul.videolist li a span {
   font-size: 120%;
 }
 
+img.pixelart {
+  image-rendering: pixelated;
+}
+
 div.footer {
+  display: flex;
+  justify-content: space-between;
   border-top: solid 1px var(--text-color);
   width: 95%;
+  padding: 4px;
   margin: 0 auto;
 }
 
 div.footer p {
   color: var(--text-color);
-  text-align: center;
+  padding: 4px 10%;
 }
 
-img.pixelart {
-  image-rendering: pixelated;
+@media screen and (max-width: 900px) {
+  div.footer {
+    flex-direction: column;
+  }
+  div.footer p {
+    text-align: center;
+    padding: 4px;
+    margin: 4px;
+  }
 }