From 50764f2a36c85c783e622e6a4f5632f68d6380f8 Mon Sep 17 00:00:00 2001
From: Pinapelz <donaldshan1@outlook.com>
Date: Fri, 22 Sep 2023 22:49:28 -0700
Subject: added Discord activity tracking feature

---
 src/components/ShapesBackground.astro | 21 +++++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

(limited to 'src/components/ShapesBackground.astro')

diff --git a/src/components/ShapesBackground.astro b/src/components/ShapesBackground.astro
index fd56d72..9a518c6 100644
--- a/src/components/ShapesBackground.astro
+++ b/src/components/ShapesBackground.astro
@@ -20,7 +20,7 @@
   .context h1 {
     text-align: center;
     color: #fff;
-    font-size: 50px;
+    font-size: 3rem; /* Using rem for scalable font size */
   }
 
   .circles {
@@ -37,13 +37,14 @@
     position: absolute;
     display: block;
     list-style: none;
-    width: 20px;
-    height: 20px;
+    width: 2vw;
+    height: 2vw;
     background: rgba(255, 255, 255, 0.2);
     animation: animate 25s linear infinite;
-    bottom: -150px;
+    bottom: -10vw;
   }
 
+
   .circles li:nth-child(1) {
     left: 25%;
     width: 80px;
@@ -132,4 +133,16 @@
       border-radius: 50%;
     }
   }
+  @media (max-width: 768px) {
+    .context h1 {
+      font-size: 2rem;
+    }
+
+    .circles li {
+      width: 5vw;
+      height: 5vw;
+      bottom: -15vw;
+    }
+    
+  }
 </style>
\ No newline at end of file
-- 
cgit v1.2.3