src/components/NavBar.vue

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