From 2142310d8db8fbba5f3c30a4129dbdacf12f5b42 Mon Sep 17 00:00:00 2001
From: Camerin Figueroa <figueroa0609@protonmail.com>
Date: Mon, 20 Sep 2021 15:12:55 -0400
Subject: [PATCH] Changed navigation css to properly animate.

---
 src/components/css/Navigation.css | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/components/css/Navigation.css b/src/components/css/Navigation.css
index 09f4d2e..8fdd9f1 100644
--- a/src/components/css/Navigation.css
+++ b/src/components/css/Navigation.css
@@ -1,5 +1,6 @@
 .Navigation {
-    height: 75px;
+
+    height: 70px;
     display: flex;
     flex-direction: row;
     background-color: #3F3F4A;
@@ -15,17 +16,20 @@
     flex-direction: column;
     align-items:center;
     justify-content: space-around;
-    transition: height 4s ease-in-out;
     padding-left: 10px;
     padding-right: 10px;
     height:70px;
-    transition: height 250ms ease-in-out;
-
+    transition: background-color 250ms ease-in, height 250ms ease-in;
+    border-bottom-left-radius: 5px;
+    border-bottom-right-radius: 5px;
+    z-index: 10;
+    background-color: inherit;
 }
 
 .Navigation a:hover {
     background-color: #2F2F32;
     height: 90px;
-    z-index: 10;
-    transition: height 300ms ease-in-out;
+    transition: background-color 300ms ease-out, height 300ms ease-out;
+    border-bottom-left-radius: 5px;
+    border-bottom-right-radius: 5px;
 }
\ No newline at end of file