Make navbar title text bold white and bold orange on hover

Mobile interface prevails unchanged

sass/_teckids.scss

 @import "../node_modules/bulma/sass/utilities/functions.sass";
+@import "../node_modules/bulma/bulma.sass";
 
 $teckids-orange: #ff6600;
 $teckids-orange-light: findLightColor($teckids-orange);
@@ -36,6 +37,7 @@ $project-colors-title-fonts: (
         background-color: map-get($project-colors, $project);
         color: map-get($project-colors-fonts, $project);
     }
+
     .project-title-#{$project} {
         color: map-get($project-colors-title-fonts, $project);
     }
@@ -61,9 +63,27 @@ $project-colors-title-fonts: (
     background-color: $teckids-orange;
 }
 
+#main-navbar>*>a {
+    color: white;
+    font-weight: bold;
+}
+
+@include desktop {
+    #main-navbar>*>*>*>a {
+        color: white;
+        font-weight: bold;
+    }
+
+    #main-navbar>*>*>*>a:hover {
+        color: $teckids-orange;
+    }
+}
+
+$navbar-burger-color: white;
+
 .circle-bg {
     background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600' %3E%3Ccircle cx='300' cy='300' r='300' fill='rgba(100%25 %2C 100%25 %2C 100%25 %2C 0.5)' /%3E%3C/svg%3E");
-    background-size:contain;
+    background-size: contain;
     background-repeat: no-repeat;
     padding: 3em;
     margin: 4em;
@@ -79,5 +99,5 @@ $project-colors-title-fonts: (
     @extend .box;
     background-color: lighten($teckids-blue, 40%) !important;
     box-shadow: none !important;
-    height: 100%!important;
+    height: 100% !important;
 }