src/components/NavBar.vue

@@ -89,19 +89,18 @@ 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;
@@ -109,16 +108,16 @@ nav ul li{
     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;
@@ -126,9 +125,10 @@ nav i {
     z-index: 10;
   }
 
-nav i:hover {
+  i:hover {
     color: #74d2f1;
   }
+}
 
 #mobileNav {
   position: absolute;
@@ -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;
@@ -165,13 +164,15 @@ nav i:hover {
     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>