[AFP-131 Shaphen Pangburn]: Center Ecommerce title in navbar and finalize...

[AFP-131 Shaphen Pangburn]: Center Ecommerce title in navbar and finalize colors with hover color animation for links

ecom-web/src/components/Header/header.css

@@ -12,8 +12,7 @@
 #white-color,
 #collasible-nav-dropdown,
 .navbar-light .navbar-brand {
-    color: white;
-    opacity: 0.9;
+    color: #999C9F;
     transition: all 0.5s;
 }
 
@@ -22,11 +21,20 @@
     opacity: 1;
 }
 
+#ecom-title {
+    font-size: 20px;
+    color: #999C9F;
+    cursor: default;
+    position: absolute;
+    left: 50%;
+    margin-left: -50px;
+}
+
 #collasible-nav-dropdown:hover,
 .navbar-light .navbar-brand:hover,
 .cart-link:hover {
     opacity: 1;
-    color: white;
+    color: #CCCDCF;
 }
 
 #collasible-nav-dropdown {
@@ -36,7 +44,6 @@
 .cart-link {
     margin-right: 12px;
     transition: all 0.5s;
-    opacity: 0.9;
 }
 
 #disabled-cart-link {

ecom-web/src/components/Header/header.js

@@ -28,8 +28,9 @@ export default class Header extends Component {
             <div>
                 <Navbar id="header-nav" collapseOnSelect expand="sm" bg="light">
                     <LinkContainer to="/product-market" >
-                        <Navbar.Brand>Ascend Ecommerce</Navbar.Brand>
+                        <Navbar.Brand>Ascend</Navbar.Brand>
                     </LinkContainer>
+                    <div id="ecom-title">Ecommerce</div>
                     <Navbar.Toggle aria-controls="responsive-navbar-nav" />
                     <Navbar.Collapse id="responsive-navbar-nav">
                         <Nav className="ms-auto">
@@ -43,7 +44,7 @@ export default class Header extends Component {
                             <Session className="nav-bar-text"/>
                             <LinkContainer to="/cart" >
                                 <Nav.Link to="/cart" className="cart-link" id={this.props.user?.currentUser ? "" : "disabled-cart-link"} disabled={ !this.props.user?.currentUser }>
-                                    <AiOutlineShoppingCart fill="white" size={30} />
+                                    <AiOutlineShoppingCart fill="#999C9F" size={30} />
                                 </Nav.Link>
                             </LinkContainer>
                             <AnimateOnChange