From 4df2e87590b26acb859ead1be91ad64026ca373c Mon Sep 17 00:00:00 2001
From: Keyemail <hatsunepatrick@gmail.com>
Date: Wed, 5 Jun 2024 14:23:43 -0700
Subject: [PATCH] Fixed styles on nav

---
 src/components/NavBar.vue | 127 +++++++++++++++++++-------------------
 1 file changed, 64 insertions(+), 63 deletions(-)

diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
index cfeff33..dc3b7e0 100644
--- a/src/components/NavBar.vue
+++ b/src/components/NavBar.vue
@@ -89,45 +89,45 @@ nav {
   color: white;
   font-family: 'Rubik', sans-serif;
   font-weight: 500;
-}
+  
+  h1{
+    width: fit-content;
+    z-index: 10;
+  }
 
-nav h1{
-  width: fit-content;
-  z-index: 10;
-}
+  ul {
+    list-style: none;
+    float: right;
+  }
 
-nav ul {
-  list-style: none;
-  float: right;
-}
+  ul li{
+    display: inline;
+    cursor: pointer;
+    margin-left: 10px;
+    font-weight: 400;
+    transition: color 0.3s;
+  }
 
-nav ul li{
-  display: inline;
-  cursor: pointer;
-  margin-left: 10px;
-  font-weight: 400;
-  transition: color 0.3s;
-}
+  ul a {
+    text-decoration: none;
+    color: inherit;
+  }
 
-nav ul a {
-  text-decoration: none;
-  color: inherit;
-}
+  ul li:hover{
+    color: #8ee8fc;
+  }
 
-nav ul li:hover{
-  color: #8ee8fc;
-}
+  i {
+    float: right;
+    font-size: 35px;
+    cursor: pointer;
+    transition: 0.3s color;
+    z-index: 10;
+  }
 
-nav i {
-  float: right;
-  font-size: 35px;
-  cursor: pointer;
-  transition: 0.3s color;
-  z-index: 10;
-}
-
-nav i:hover {
-  color: #74d2f1;
+  i:hover {
+    color: #74d2f1;
+  }
 }
 
 #mobileNav {
@@ -138,40 +138,41 @@ nav i:hover {
   left: 0;
   top: 0;
   z-index: 9;
-}
+  
+  i {
+    float: right;
+    font-size: 35px;
+    cursor: pointer;
+    transition: 0.3s color;
+  }
 
-#mobileNav i {
-  float: right;
-  font-size: 35px;
-  cursor: pointer;
-  transition: 0.3s color;
-}
+  div {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+  }
 
-#mobileNav div {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-}
+  div li {
+    cursor: pointer;
+    margin-left: 10px;
+    font-weight: 400;
+    transition: color 0.3s;
+    font-size: 40px;
+    text-align: center;
+    font-family: 'Rubik', sans-serif;
+    margin: 10px;
+  }
 
-#mobileNav div li {
-  cursor: pointer;
-  margin-left: 10px;
-  font-weight: 400;
-  transition: color 0.3s;
-  font-size: 40px;
-  text-align: center;
-  font-family: 'Rubik', sans-serif;
-  margin: 10px;
-}
+  div a {
+    color: white;
+    text-decoration: none;
+    transition: 0.3s color;
+  }
 
-#mobileNav div a {
-  color: white;
-  text-decoration: none;
-  transition: 0.3s color;
-}
 
-#mobileNav div a:hover {
-  color: #74d2f1;
+  div a:hover {
+    color: #74d2f1;
+  }
 }
 </style>