Merge pull request #111 from preeti-14-7/preeti/nav

Preeti/nav

Author: hkaur008

Diff for: src/components/layout/customnavbar.js

@@ -67,7 +67,7 @@ const Customnav = (props) => {
               to="/"
               onClick={() => setShowLinks(!showLinks)}
             >
-              HOME
+            HOME
             </NavLink>
             <NavLink
               activeClassName="nav_active"

Diff for: src/components/styles/App.css

@@ -1,4 +1,4 @@
-.nav,
+ .nav,
 .nav:hover {
   color: inherit;
   text-decoration: none;

Diff for: src/components/styles/customnav.css

@@ -3,20 +3,31 @@
   0%, rgb(62, 105, 170) 100%);
 }
 
+
+
 .navs .navbar-link-css {
   color: #fff;
   padding-left: 2vh;
   padding-right: 2vh;
 }
 .navbar-link-css:hover{
   color: rgb(165, 131, 131);
+  background: #12232e;
+  content: '.';
+}
+.navbar-link-css,
+.navbar-link-css:after,
+.navbar-link-css:before {
+  transition: all .5s;
 }
 
 .headings-logos-buttons .nav-dynamic-button {
   display: none;
   margin: 5px;
 }
 
+
+
 @media (max-width: 1308px) {
   .navs .navbar-link-css {
     padding-left: 2vh;
@@ -75,4 +86,5 @@
   .justify-content-between #hidden .navbar-link-css {
     margin: 10px !important;
   }
+  
 }