From 07a4df27a0a3c587ca5acfc1c3a38b22436e295e Mon Sep 17 00:00:00 2001
From: Ian Cheung <ian@iancheung.dev>
Date: Fri, 13 Dec 2024 10:07:39 -0800
Subject: [PATCH] Update Heading.tsx

---
 src/app/(landing)/Heading.tsx | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/app/(landing)/Heading.tsx b/src/app/(landing)/Heading.tsx
index c7ece50..c2fde11 100644
--- a/src/app/(landing)/Heading.tsx
+++ b/src/app/(landing)/Heading.tsx
@@ -44,7 +44,7 @@ export default function Heading() {
         <section id="heading" className="text-white text-center h-screen relative flex flex-col items-center justify-center p-5 pb-[20vh]">
             <div className={`mb-2 relative flex flex-col items-center md:block ${overpass.className}`}>
                 <span className="pt-2 text-6xl md:text-9xl tracking-wider text-center">
-                    <img className="mb-2 w-[650px] max-w-full" src="/gunnhacks11-dark.png" alt="GunnHacks 11.0 Logo" draggable="false" />
+                    <img className="mb-2 max-w-full w-[640px]" src="/gunnhacks11-dark.png" alt="GunnHacks 11.0 Logo" draggable="false" />
                 </span>
                 {/*<span className="pt-2 text-6xl md:text-9xl tracking-wider">GunnHa<span className="invisible">XI</span></span>
                 <img className="absolute w-32 md:w-64 left-[15rem] top-[-1.6rem] md:left-[calc(26rem)] md:top-[-2.9rem]" src="/X.svg" alt="X Logo" />*/}
@@ -88,12 +88,13 @@ export default function Heading() {
                 <span className="text-[#F47722] text-5xl">]</span> 
                 <span className="text-5xl animate-wiggle ml-2">👈</span>
             </div>
-            <div className="text-sm italic mt-2 flex gap-2 items-center">
-                <span>Limited T-shirts granted on first-come-first-serve basis! Sign up before December 31 to guarantee your swag!</span>
+            <div className="text-sm italic mt-2 flex gap-2 items-center"> 
+                <span>Limited T-shirts granted on first-come-first-serve basis! Sign up before December 31 to guarantee your swag!</span> 
             </div>
-        </section>
-        <style jsx>{`
-            @keyframes wiggle {
+
+            <style jsx>{`
+
+              @keyframes wiggle {
                 0% {
                   transform: translateX(0);
                 }
@@ -103,11 +104,12 @@ export default function Heading() {
                 100% {
                   transform: translateX(0);
                 }
-            }
+              }
             
-            .animate-wiggle {
+              .animate-wiggle {
                 animation: wiggle 0.5s ease-in-out infinite;
-            }
-      `}</style>
+              }
+            `}</style>
+        </section>
     );
 }