From c81b9d6503ec6ff5bf48c7228b089cde1e4d88b9 Mon Sep 17 00:00:00 2001
From: Yan Sidyakin <sidyakinian@gmail.com>
Date: Tue, 14 Nov 2023 12:18:22 -0800
Subject: [PATCH] Fix overlap on mobile

---
 components/Hero.js | 1 +
 pages/index.js     | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/Hero.js b/components/Hero.js
index 6f25db5..fd91a06 100644
--- a/components/Hero.js
+++ b/components/Hero.js
@@ -15,6 +15,7 @@ const HeroContainer = styled.div`
   background-repeat: no-repeat;
   background-position: top;
   background-size: contain;
+  padding-top: 134px;
 `;
 
 const HeroTextContainer = styled.div`
diff --git a/pages/index.js b/pages/index.js
index 0ac8ada..c8d080b 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -105,8 +105,8 @@ export default function Home() {
         <meta name="twitter:image" content="/assets/meta-image.png" />
       </Head>
       <Background>
-        <Banner />
         <NavBar/>
+        <Banner />
         <Hero />
         <ContentContainer
           id="about"