Minor Changes

Sahan-Daksh · Aug 4, 2024 · 4449ce7 · 4449ce7
1 parent 78681f2
commit 4449ce7
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 36 deletions.
diff --git a/src/assets/styles/pages/layouts/About.css b/src/assets/styles/pages/layouts/About.css
@@ -55,30 +55,9 @@
 }
 
 .title-text {
-  font-size: 5rem;
   font-family: "reross-quadratic", sans-serif;
-font-weight: 400;
-
-
-
-  @media (min-width: 640px) {
-    font-size: 4rem;
-  }
-
-  @media (min-width: 768px) {
-    font-size: 5rem;
-  }
-
-  @media (min-width: 1024px) {
-    font-size: 5rem;
-  }
-
-  @media (min-width: 1280px) {
-    font-size: 5rem;
-  }
-
-  color: white;
-  font-weight: bold;
+  font-weight: 400;
+  font-size: 3rem;
 }
 
 .content-text {
@@ -107,12 +86,6 @@ font-weight: 400;
 
 /* Responsive Adjustments */
 @media (max-width: 768px) {
-
-  .title-text {
-    font-size: 3rem;
-    /* Increased font size for mobile */
-  }
-
   .top-24 {
     top: 8rem;
     /* Adjusted to create more space below the title */
@@ -142,4 +115,4 @@ font-weight: 400;
   .text-right {
     text-align: center;
   }
-}
+}
diff --git a/src/assets/styles/pages/layouts/Contact.css b/src/assets/styles/pages/layouts/Contact.css
@@ -121,10 +121,10 @@ font-style: normal;
 @media (max-width: 480px) {
   .contact-title {
     font-size: 3.4rem;
-    font-weight: bold;
+    font-weight: normal;
     font-family: "reross-quadratic", sans-serif;
-    margin-top:-30px;
-    margin-bottom: 10px;
+    margin-top:0;
+    margin-bottom: 40px;
   }
 
   .contact-subtitle{

diff --git a/src/assets/styles/pages/layouts/Countdown.css b/src/assets/styles/pages/layouts/Countdown.css
@@ -2,7 +2,7 @@
 .countdown-container {
     background: url('/counter/countBg.png') no-repeat center center;
     background-size: cover;
-    height: 80vh;
+    height: 100vh;
     width: 100%;
     display: flex;
     flex-direction: column;
@@ -209,6 +209,7 @@ font-style: normal;
 
     .grand-finale-text {
         font-size: 2rem;
+
         /* Further decrease font size for GRAND FINALE text */
     }
 

diff --git a/src/pages/layouts/About.jsx b/src/pages/layouts/About.jsx
@@ -15,7 +15,7 @@ const About = () => {
         transition={{ duration: 1 }}
       >
         <motion.p
-          className="title-text text-white font-bold"
+          className="title-text text-white font-bold text-5xl lg:text-7xl sm:text-6xl"
           initial={{ opacity: 0, scale: 0.8 }}
           animate={{ opacity: 1, scale: 1 }}
           transition={{ duration: 1, delay: 0.5 }}

diff --git a/src/pages/layouts/Awards.jsx b/src/pages/layouts/Awards.jsx
@@ -37,7 +37,7 @@ const Awards = () => {
             Awards
           </motion.h2>
           <motion.p
-            className="font-t26-carbon text-lg sm:text-xl md:text-4xl text-gray-300 mt-4 "
+            className="font-t26-carbon text-xl sm:text-xl md:text-4xl text-gray-300 mt-4 "
             initial="hidden"
             animate="visible"
             variants={fadeInUpVariants}