From 5354c347e8a73bfc1f241e850131580dcb7579eb Mon Sep 17 00:00:00 2001
From: Youwen Wu <tincangto@gmail.com>
Date: Tue, 10 Oct 2023 23:26:48 -0700
Subject: [PATCH] actually fix responsive design for the last time

---
 public/index.css | 68 ++++++++++++++++++++++++------------------------
 1 file changed, 34 insertions(+), 34 deletions(-)

diff --git a/public/index.css b/public/index.css
index f497fa8..88df972 100644
--- a/public/index.css
+++ b/public/index.css
@@ -150,39 +150,6 @@ footer p {
   }
 }
 
-/* Smartphones (portrait) and small screens ----------- */
-@media only screen 
-and (max-width : 600px) {
-  /* Styles */
-  .bg-text {
-    font-size: 30vw;
-    opacity: 0.25;
-    word-break: break-word;
-    margin-top: 22vh;
-  }
-}
-
-@media only screen 
-and (max-width : 1200px) {
-  /* Styles */
-  .bg-text {
-    font-size: 20vw;
-    opacity: 0.25;
-    word-break: break-word;
-    margin-top: 15vh;
-    /* margin-top: 10vh */
-  }
-}
-
-/* all other screens */
-@media only screen and not (max-width : 1200px) {
-  /* Styles */
-  .bg-text {
-    font-size: 12vw;
-    opacity: 0.15;
-  }
-}
-
 .bg-text {
   font-weight: bold;
   font-family: Georgia, serif;
@@ -194,4 +161,37 @@ and (max-width : 1200px) {
   user-select: none;
   pointer-events: none;
   z-index: 1;
-}
\ No newline at end of file
+}
+
+/* all other screens */
+@media only screen and not (max-width : 1200px) {
+  /* Styles */
+  .bg-text {
+    font-size: 25vh;
+    opacity: 0.15;
+  }
+}
+
+@media only screen 
+and (max-width : 1200px) {
+  /* Styles */
+  .bg-text {
+    font-size: 20vw;
+    opacity: 0.25;
+    word-break: break-word;
+    margin-top: 8vh;
+    /* margin-top: 10vh */
+  }
+}
+
+/* Smartphones (portrait) and small screens ----------- */
+@media only screen 
+and (max-width : 600px) {
+  /* Styles */
+  .bg-text {
+    font-size: 30vw;
+    opacity: 0.25;
+    word-break: break-word;
+    margin-top: 22vh;
+  }
+}