From acc829bd01322a20d4828595fcadf7cab6b8e2be Mon Sep 17 00:00:00 2001
From: miaravioli <mia.sravishankar@gmail.com>
Date: Thu, 28 Nov 2024 01:10:32 -0800
Subject: [PATCH 1/2] title changes

---
 src/components/Title.tsx | 32 ++++++--------------------------
 1 file changed, 6 insertions(+), 26 deletions(-)

diff --git a/src/components/Title.tsx b/src/components/Title.tsx
index 3cd2f9b..e529c5a 100644
--- a/src/components/Title.tsx
+++ b/src/components/Title.tsx
@@ -14,13 +14,7 @@ export default function Title() {
         <Typography
           level="h1"
           textColor="common.white"
-          sx={{
-            fontWeight: "bold",
-            fontSize: { xs: "6rem", md: "8rem" },
-            marginLeft: "10%",
-            lineHeight: "7rem",
-            marginTop: "10%",
-          }}
+          sx={{ fontWeight: "bold", fontSize: { xs: "14vw", sm: "10vw", md: "9vw", lg: "7vw" }, marginLeft: "10%", lineHeight: "80%", marginTop: "1%"}}
         >
           MV HACKS
           <br />
@@ -32,38 +26,24 @@ export default function Title() {
         <Typography
           level="h3"
           textColor="common.white"
-          sx={{
-            lineHeight: "5rem",
-            fontWeight: "normal",
-            marginLeft: "10%",
-          }}
+          sx={{ lineHeight: "5rem", fontWeight: "normal", marginLeft: "10%" }}
         >
           THE HACKATHON FOR{" "}
           <Box
             position="relative"
             display="inline-block"
-            style={{
-              justifyContent: "center",
-              width: "fit-content",
-              alignItems: "center",
-            }}
+            style={{ justifyContent: "center", width: "fit-content", alignItems: "center" }}
           >
             <img
               alt="circle"
               src={`${circle}?refresh=${random}`}
-              style={{
-                position: "absolute",
-                width: "115%",
-                height: "100%",
-              }}
+              style={{ position: "absolute", width: "110%", height: "100%" }}
             />
 
             <Typography
               level="h3"
               textColor="common.white"
-              sx={{
-                fontWeight: "normal",
-              }}
+              sx={{ fontWeight: "normal" }}
             >
               EVERYONE
             </Typography>
@@ -71,7 +51,7 @@ export default function Title() {
         </Typography>
       </div>
       <Button
-        sx={{ borderRadius: "25px", marginLeft: "10%" }}
+        sx={{ borderRadius: "25px", marginLeft: "10%", marginBottom: "8%", marginTop: "2%"}}
         id="alert"
         component="a"
         href="https://docs.google.com/forms/d/e/1FAIpQLSefTr6730BXSMYYdAnDXS5hFu_NZ5FHyzNYkv2MYqZoxvkgyQ/viewform"

From 993dd0ff48bc45643b18bff2fbca72abfc292d9c Mon Sep 17 00:00:00 2001
From: miaravioli <mia.sravishankar@gmail.com>
Date: Sun, 22 Dec 2024 23:37:57 -1000
Subject: [PATCH 2/2] fix title circle

---
 src/components/Title.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/Title.tsx b/src/components/Title.tsx
index e529c5a..256ff7d 100644
--- a/src/components/Title.tsx
+++ b/src/components/Title.tsx
@@ -26,18 +26,18 @@ export default function Title() {
         <Typography
           level="h3"
           textColor="common.white"
-          sx={{ lineHeight: "5rem", fontWeight: "normal", marginLeft: "10%" }}
+          sx={{ fontWeight: "normal", marginLeft: "10%" }}
         >
           THE HACKATHON FOR{" "}
           <Box
             position="relative"
             display="inline-block"
-            style={{ justifyContent: "center", width: "fit-content", alignItems: "center" }}
+            style={{ justifyContent: "center", width: "fit-content", alignItems: "center"}}
           >
             <img
               alt="circle"
               src={`${circle}?refresh=${random}`}
-              style={{ position: "absolute", width: "110%", height: "100%" }}
+              style={{ position: "absolute", width: "110%", height: "160%", left: "-5%", top: "-25%"}}
             />
 
             <Typography
@@ -61,4 +61,4 @@ export default function Title() {
       </Button>
     </Box>
   );
-}
+}
\ No newline at end of file