corrected the navbar animation

Author: reveurguy

_includes/navbar.html

@@ -9,7 +9,7 @@
     <div class="ml-auto mr-4">
       <ul class="navbar-nav">
         {% if page.active == "home" %}
-        <li class="nav-item active"><a class="nav-link" href="#">Home</a></li>
+        <li class="nav-item active"><a class="nav-link" href="/">Home</a></li>
     {% else %}
         <li class="nav-item"><a class="nav-link" href="/">Home</a></li>
     {% endif %}

assets/css/main.css

@@ -22,7 +22,7 @@ background: linear-gradient(to top, #E5E5BE, #003973); /* W3C, IE 10+/ Edge, Fir
 {
 	transform: scalex(1);
 }
-.nav-item a::before 
+.nav-item a::after
 {
 	content: '';
 	position: absolute;
@@ -39,6 +39,16 @@ background: linear-gradient(to top, #E5E5BE, #003973); /* W3C, IE 10+/ Edge, Fir
 {
 	transform: scalex(1);
 }
+.nav-item a {
+    text-decoration: none;
+    display: block;
+    padding: 8px 15px;
+    margin: 5px;
+    position: relative;
+}
+.nav-item {
+    display: flex;
+}
 .card-img-top
 {
 	height:230px;