From f7f0290335532a54f41bd24f690efa4d10642b12 Mon Sep 17 00:00:00 2001
From: Zakarya <zakarya@colormatic.org>
Date: Thu, 23 Jan 2025 11:00:48 -0800
Subject: [PATCH] Change Zakarya title size and add support email to footer

---
 component/footer.html |  1 +
 css/style.css         | 22 ++++++++++++++++++----
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/component/footer.html b/component/footer.html
index d9a4071..ac9aa81 100644
--- a/component/footer.html
+++ b/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>
diff --git a/css/style.css b/css/style.css
index 22423e1..9dd906e 100644
--- a/css/style.css
+++ b/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;
+  }
 }