diff --git a/src/sections/Hero/index.tsx b/src/sections/Hero/index.tsx index 2a96561..fd12efa 100644 --- a/src/sections/Hero/index.tsx +++ b/src/sections/Hero/index.tsx @@ -35,13 +35,22 @@ const Hero: React.FC = () => {
Price Center West Ballroom
October 17th, 2023 (10am to 4pm)
+
Register Today!
- Student Registration + Students + + + Companies
diff --git a/src/sections/Hero/style.module.scss b/src/sections/Hero/style.module.scss index 158ee64..2301b50 100644 --- a/src/sections/Hero/style.module.scss +++ b/src/sections/Hero/style.module.scss @@ -8,7 +8,7 @@ .heroTitle { position: absolute; width: 100%; - top: 18%; + top: 15%; z-index: 1; } @@ -38,19 +38,11 @@ position: absolute; height: 100vh; width: 100vw; - margin-top: 11vw; + margin-top: 14vw; padding: 0 2rem; z-index: 2; text-shadow: 0 0 4px vars.$black; - .heroSubtitle { - line-height: 100%; - margin-top: 6rem; - color: vars.$white; - font-size: 40px; - font-weight: bolder; - } - .heroInfo { color: vars.$white; font-size: 20px; @@ -58,7 +50,7 @@ .heroSubtitle { line-height: 100%; - margin-top: 5vw; + margin-top: max(2rem, 2vw); color: vars.$white; font-size: 40px; font-weight: bolder; @@ -80,6 +72,8 @@ border-radius: 9.86667px; display: inline-block; margin-top: 1rem; + margin-left: 0.5rem; + margin-right: 0.5rem; font-size: 1.5rem; transition: 0.3s ease;