From 07fb1b78dc954aeb46006c83d46a0c5d3a374845 Mon Sep 17 00:00:00 2001
From: Youwen Wu <tincangto@gmail.com>
Date: Tue, 10 Oct 2023 23:19:11 -0700
Subject: [PATCH] fixed responsive styling, again

---
 public/index.css | 49 ++++++++++++++++++++++++------------------------
 1 file changed, 25 insertions(+), 24 deletions(-)

diff --git a/public/index.css b/public/index.css
index 1329753..f497fa8 100644
--- a/public/index.css
+++ b/public/index.css
@@ -152,45 +152,46 @@ footer p {
 
 /* Smartphones (portrait) and small screens ----------- */
 @media only screen 
-and (max-width : 1000px) {
+and (max-width : 600px) {
   /* Styles */
   .bg-text {
-    font: bold 30vw Georgia, serif;
-    color: #100b0b;
+    font-size: 30vw;
     opacity: 0.25;
-    /* background: yellow; */
-    position: absolute;
-    right: 0;
     word-break: break-word;
-    user-select: none;
-    z-index: 1;
-    pointer-events: none;
-    margin-top: 10vh
+    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 : 1000px) {
+@media only screen and not (max-width : 1200px) {
   /* Styles */
   .bg-text {
-    font: bold 14vw Georgia, serif;
-    color: #100b0b;
-    opacity: 0.1;
-    position: absolute;
-    right: 0;
-    user-select: none;
-    pointer-events: none;
-    z-index: 1;
+    font-size: 12vw;
+    opacity: 0.15;
   }
 }
 
-
-/* .bg-text {
-  font: bold 14vw Georgia, serif;
+.bg-text {
+  font-weight: bold;
+  font-family: Georgia, serif;
+  /* font: bold Georgia, serif; */
   color: #100b0b;
-  opacity: 0.1;
   position: absolute;
   right: 0;
+  top: 0;
   user-select: none;
   pointer-events: none;
-} */
\ No newline at end of file
+  z-index: 1;
+}
\ No newline at end of file