some minor changes to be shown in webpage...

src/components/footer.tsx

@@ -11,7 +11,7 @@ import devto from "../assets/socialmedia/devto.png";
 
 const Footer = () => {
 	return (
-		<div className="relative z-0 mx-32">
+		<div className="relative z-0 mx-32 backdrop-blur-md">
 			<section
 				id="contact"
 				className="h-0.5 bg-gradient-to-r from-[#CF1259] to-[#7161EF] my-4 "

src/components/pages/about.tsx

@@ -17,13 +17,19 @@ export default function About(): JSX.Element {
 		<>
 			<div className="w-[70%] ml-24 pb-24 p-12 z-10 backdrop-blur-sm rounded-[3rem]">
 				<section className={`flex py-4 ${spaceGrotesk.className}`}>
-					<section className="text-custom_white">About &nbsp;</section>
-					<section className="text-custom_purple">Hack</section>
-					<section className="text-custom_red">Hub</section>
+					<section className="text-custom_white font-glitch about-shadow mr-8">
+						About
+					</section>
+					<section className="text-custom_purple font-glitch hack-shadow">
+						Hack
+					</section>
+					<section className="text-custom_red font-glitch hub-shadow">
+						Hub
+					</section>
 				</section>
 
 				<section
-					className={`text-[1.2rem] font-normal self-start ${spaceGrotesk.className}`}
+					className={`text-[1.5rem] font-normal font-offbittrial self-start `}
 				>
 					Welcome to IEEE Computer Society VIT Chennai, where innovation meets
 					impact. This event is a vibrant arena for budding technologists,

src/styles/shadows.css

@@ -1,7 +1,11 @@
 .hack-shadow {
-    text-shadow: 10px 10px 40px #957FEF;
+	text-shadow: 10px 10px 40px #957fef;
 }
 
 .hub-shadow {
-    text-shadow: 10px 10px 40px #CF1259;
+	text-shadow: 10px 10px 40px #cf1259;
+}
+
+.about-shadow {
+	text-shadow: 10px 10px 40px #ffffff99;
 }