fix social link clickability and invite path

Author: kfarr

src/components/Home/index.js

@@ -108,14 +108,11 @@ export default function Home({ recentPosts }) {
               <a href="https://instagram.com/3dstreetapp" target="_blank">
                 <InstagramIcon />
               </a>
-              <a href="https://discord.com/invite/9DgKkFCetC" target="_blank">
+              <a href="https://discord.gg/zNFMhTwKSd" target="_blank">
                 <DiscordIcon />
               </a>
             </aside>
 
-            <div className="down_icon">
-              <ArrowIcon />
-            </div>
           </div>
         </header>
 

src/css/styles.css

@@ -77,6 +77,22 @@ main {
     right: 0;
     top: 400px;
     position: absolute;
+    z-index: 10;
+}
+
+.st_header_container .socials a {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 40px;
+    height: 40px;
+    cursor: pointer;
+}
+
+.st_header_container .socials svg {
+    width: 100%;
+    height: 100%;
+    pointer-events: none;
 }
 
 .st_header_container .socials svg:hover * {