Sam

package.json

@@ -23,7 +23,7 @@
     "web-vitals": "^0.2.4"
   },
   "scripts": {
-    "start": "react-scripts start",
+    "start": "PORT=5000 react-scripts start",
     "build": "react-scripts build",
     "test": "react-scripts test",
     "eject": "react-scripts eject"
@@ -46,4 +46,4 @@
       "last 1 safari version"
     ]
   }
-}
+}

src/Components/Footer.js

@@ -8,19 +8,15 @@ const Footer = () => {
             <div className="mainInfo">
                 <div className="copyrightAndName">
                     <i class="copyright outline icon big"></i>
-                    <span className="year">2021 - </span>
-                    <img src="/images/myname.png" />
+                    <span className="year">2021 - Sanyam Jha </span>
                 </div>
                 <div className="icons">
-                    {/* <i class="envelope icon huge"></i> */}
-                    {/* <i class="facebook icon"></i> */}
                     <a href="https://www.facebook.com/ThePiyushSharan" target="_blank">
                         <i class="facebook f icon huge"></i>
                     </a>
                     <a href="https://github.com/pi-sharan" target="_blank">
                         <i class="github icon huge"></i>
                     </a>
-                    {/* <i class="instagram icon huge"></i> */}
                     <a href="https://www.linkedin.com/in/piyush-sharan-16456645/" target="_blank">
                         <i class="linkedin icon huge"></i>
                     </a>

src/Components/Navbar.js

@@ -12,7 +12,7 @@ const Navbar = (props) => {
     }, [])
     return (
         <div className="Navbar">
-            <div className="ui secondary pointing menu">
+            <div className="ui secondary pointing menu" id = "menu">
                 <Link to="/" className="item" >
                     Home
                 </Link>
@@ -31,7 +31,7 @@ const Navbar = (props) => {
                 <Link to="/add" className="item">
                     Add Item
                 </Link>
-                <div className="right menu temp">
+                <div className="right menu temp" id = "menuRight">
                     <Link to="/cart" className="item">
                         <i class="shopping cart large icon cartIcon" ></i>
                     </Link>

src/css/Footer.css

@@ -14,7 +14,7 @@
 
 .Footer > img {
     border-radius: 20%;
-    height:150px;
+    height: 3cm;
     width: auto;
     margin-left: 20px;
 }

src/css/Navbar.css

@@ -7,7 +7,14 @@
     z-index:10; /*Add this*/
     /* background-color: black; */
 }
-
+.Navbar>#menu>.item:hover{
+    border-radius:15px;
+    background-color:rgb(202, 240, 35);
+}
+.Navbar>#menu>#menuRight>.item:hover{
+    border-radius:15px;
+    background-color:rgb(73, 236, 241);
+}
 .circle{
     color: white;
     background-color: blue;