Adjustments for mobile home page

ui/_/code/shared.css

@@ -1,13 +1,13 @@
 :root {
-    --main: #FFDFB4;
-    --accent: var(--darkbrown);
+    --main: var(--brown);
+    --accent: var(--gold);
 
     --tan: #FFDFB4;
     --gold: #F2B36F;
     --purple: #251D44;
     --green: #0857265c;
     --red: #BC1C02;
-    --brown: #c6a476;
+    --brown: #812A18;
     --darkbrown: #60320c;
     --orange: #FE9201;
     --periwinkle: #655BAF;
@@ -17,7 +17,7 @@
 
 @media (prefers-color-scheme: dark) {
 :root {
-    --main: #251D44;
+    --main: var(--brown);;
     --accent: var(--gold);
     --dividerColor: var(--gold);
     --accent2: var(--gold);

ui/public/pages/Home.js

@@ -20,11 +20,11 @@ class Home extends Shadow {
                 .position("absolute")
                 .left(50, vw).top(4, em)
                 .center()
-                .transform("translate(-2em, -50%)")
+                .transform(`translate(${window.isMobile() ? "-50%" : "-2em"}, -50%)`)
     
             switch(window.location.pathname) {
                 case "/":
-                    img("_/images/knight.png", "29vw")
+                    img("_/images/knight.png", "29vmax")
                         .position("absolute")
                         .left(50, vw).top(50, vh)
                         .center()
@@ -36,9 +36,11 @@ class Home extends Shadow {
                         .fontSize(5, vw)
             
                     p("A CLASSICAL CHRISTIAN ASSOCIATION")
-                        .x(50, vw).y(94, vh)
+                        .x(50, vw).yBottom(3, vh)
                         .center()
                         .letterSpacing(0.3, em)
+                        .width(100, vw)
+                        .textAlign("center")
                     break;
                 case "/why":
                     Why()