src/components/NavBar.vue

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