From 2170facb22aeef723f431a07cbbb5d7bfecababc Mon Sep 17 00:00:00 2001
From: DavidDGTNT <david@dgtntstudios.tk>
Date: Mon, 22 Nov 2021 20:30:24 +0000
Subject: [PATCH] Added hover effects and setting apart of the current page in
 the navbar

---
 src/assets/css/main.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/assets/css/main.css b/src/assets/css/main.css
index c695c2e..08e41e3 100644
--- a/src/assets/css/main.css
+++ b/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;