diff --git a/src/assets/styles/pages/layouts/About.css b/src/assets/styles/pages/layouts/About.css index fe1b02d..428c0a8 100644 --- a/src/assets/styles/pages/layouts/About.css +++ b/src/assets/styles/pages/layouts/About.css @@ -53,25 +53,24 @@ } .title-text { - font-size: 4rem; + font-size: 9rem; /* Increased font size */ font-family: 'SF Pro Display', sans-serif; font-weight: bold; - @media (min-width: 640px) { - font-size: 4rem; + font-size: 9rem; } @media (min-width: 768px) { - font-size: 5rem; + font-size: 9rem; } @media (min-width: 1024px) { - font-size: 5rem; + font-size: 9rem; } @media (min-width: 1280px) { - font-size: 5rem; + font-size:9rem; } color: white; @@ -103,37 +102,29 @@ /* Responsive Adjustments */ @media (max-width: 768px) { - .title-text { - font-size: 3rem; - /* Increased font size for mobile */ + font-size: 5rem; /* Increased font size for mobile */ } .top-24 { - top: 8rem; - /* Adjusted to create more space below the title */ + top: 8rem; /* Adjusted to create more space below the title */ } .bottom-24 { - bottom: 8rem; - /* Adjusted to create more space above the bottom of the screen */ + bottom: 8rem; /* Adjusted to create more space above the bottom of the screen */ } .content-text { - font-size: 1.125rem; - /* Increased font size for better readability on mobile */ + font-size: 1.125rem; /* Increased font size for better readability on mobile */ } .mobile-text { - padding: 1.5rem; - /* Adjust padding for mobile */ + padding: 1.5rem; /* Adjust padding for mobile */ /* Semi-transparent background for better readability */ /* Rounded corners */ - backdrop-filter: blur(10px); - /* Apply blur effect */ + backdrop-filter: blur(10px); /* Apply blur effect */ } - .text-left, .text-right { text-align: center; diff --git a/src/pages/layouts/About.jsx b/src/pages/layouts/About.jsx index 0a7c33e..b18f4e1 100644 --- a/src/pages/layouts/About.jsx +++ b/src/pages/layouts/About.jsx @@ -20,7 +20,7 @@ const About = () => { animate={{ opacity: 1, scale: 1 }} transition={{ duration: 1, delay: 0.5 }} > - What is MicroMaze? +