Added hover effects and setting apart of the current page in the navbar

src/assets/css/main.css

@@ -26,6 +26,7 @@ nav li {
 }
 
 nav li a {
+    transition: background-color 1s;
     display: inline-block;
     color: #ffffff;
     background-color: #a52a2a;
@@ -35,6 +36,18 @@ nav li a {
     font-family: "M PLUS 1", sans-serif;
 }
 
+nav li a:hover {
+    background-color: #d2691e;
+}
+
+.current {
+    background-color: #ff8f61;
+}
+
+.current:hover {
+    background-color: #ee6e40;
+}
+
 main {
     margin: 10px;
     padding: 10px;