Make navbar style selectors more semantic

sass/_teckids.scss

@@ -62,18 +62,18 @@ $project-colors-title-fonts: (
     background-color: $teckids-orange;
 }
 
-.navbar-brand>a {
+#main-navbar .navbar-brand > a {
     color: white;
     font-weight: bold;
 }
 
 @include desktop {
-    #main-navbar>*>*>*>a {
+    #main-menu > div > .navbar-item > a {
         color: white;
         font-weight: bold;
     }
 
-    #main-navbar>*>*>*>a:hover {
+    #main-menu > div > .navbar-item > a:hover {
         color: $teckids-orange;
     }
 }