diff --git a/src/Components/Hero/Hero.jsx b/src/Components/Hero/Hero.jsx index e54351c..2f50951 100644 --- a/src/Components/Hero/Hero.jsx +++ b/src/Components/Hero/Hero.jsx @@ -34,18 +34,18 @@ const Hero = () => { }, []); return ( -
+
{!stopAnimation && (
@@ -55,62 +55,62 @@ const Hero = () => { alt="" /> @@ -122,23 +122,23 @@ const Hero = () => { className={`${styles.landing} h-[100vh] overflow-hidden flex justify-center absolute top-0`} >
@@ -154,29 +154,29 @@ const Hero = () => { alt="" />
800 && windowSize < 1136 && "w-[10%] mt-[5vh]"}`} + className={`${styles.cranes} z-[71] absolute top-[49vh] left-[62vw] rotate-[-5deg] ${windowSize > 800 && windowSize < 1136 && "w-[10%] mt-[5vh]"}`} alt="" /> { className={`${styles.rhino} z-[70] absolute top-[16vh] left-[17vw] w-[100vw] scale-[23%] min-w-[200px] h-[100vh]`} /> @@ -196,12 +196,12 @@ const Hero = () => { {stopAnimation && (
{ window.scrollTo({ top: window.innerHeight, @@ -220,18 +220,18 @@ const Hero = () => { className={`${styles.landing} h-[100vh] w-[100vw] object-contain flex justify-center items-start absolute top-0`} >
@@ -242,33 +242,33 @@ const Hero = () => { />
360 ? " left-[48%] top-[58.5vh]" : "left-[58vw] top-[59vh]"} rotate-[-10deg] h-[15vh]`} alt="" /> @@ -279,7 +279,7 @@ const Hero = () => { />
diff --git a/src/Components/Hero/Hero.module.scss b/src/Components/Hero/Hero.module.scss index 5331596..e890c5a 100644 --- a/src/Components/Hero/Hero.module.scss +++ b/src/Components/Hero/Hero.module.scss @@ -297,7 +297,7 @@ } } - @keyframes logo_slide_down_mobile { + @keyframes logo_slide_down { 0% { top: -10%; } @@ -306,12 +306,21 @@ } } + @keyframes logo_slide_down_mobile { + 0% { + top: -10%; + } + 100% { + top: 3%; + } + } + @keyframes jaapi_slide_up { 0% { top: 100vh; } 100% { - top: 55vh; + top: 60vh; } } diff --git a/src/Components/Shared/Navbar/Navbar.module.scss b/src/Components/Shared/Navbar/Navbar.module.scss index 58b6a8f..f6c88e0 100644 --- a/src/Components/Shared/Navbar/Navbar.module.scss +++ b/src/Components/Shared/Navbar/Navbar.module.scss @@ -14,6 +14,7 @@ padding: 0 1rem; z-index: 999; } + body { margin-top: 60px; /* body margin to accommodate fixed navbar */ } @@ -38,6 +39,7 @@ body { position: relative; z-index: 1; } + .eventsClicked .logo { background-color: transparent; mix-blend-mode: unset; @@ -50,9 +52,11 @@ body { justify-content: center; gap: 3.5rem; } + .mobileLinks { display: none; } + .navItem { cursor: pointer; transition: @@ -84,7 +88,7 @@ body { transform: translateX(-50%); } -// * Responsive styles */ +// * Responsive styles */ @media only screen and (max-width: 768px) { .navbar { position: fixed;