Merge pull request #238 from thng17/slack-link

Author: Roshanjossey

src/components/Navbar/Navbar.css

@@ -19,10 +19,10 @@
 }
 
 .topnav a:hover {
-    background-color: #ddd;
-    color: black;
+    background-color: #72B1E4;
+    color: #f2f2f2;
     border-radius: 25px;
-    border: #ddd;
+    border: #72B1E4;
     block-size: auto;
     display: inline;
 }
@@ -38,4 +38,4 @@
     vertical-align:middle;
     height: 50px;
     display: inline-block;
-}
+}

src/components/Navbar/Navbar.jsx

@@ -8,7 +8,7 @@ import github from './github.svg';
 const Navbar = () => {
   return (
       <div className="topnav">
-          <a href="https://join.slack.com/t/firstcontributors/shared_invite/zt-vchl8cde-S0KstI_jyCcGEEj7rSTQiA"  target="_blank" rel="noopener noreferrer">
+          <a href="https://firstcontributors.slack.com/join/shared_invite/zt-vchl8cde-S0KstI_jyCcGEEj7rSTQiA#/shared-invite/email"  target="_blank" rel="noopener noreferrer">
               <img src={slack} className="logo" alt="slack logo" />
               <span>Slack</span>
           </a>