Refactor navbar styles for logo and site name

Author: rami-elementor

src/.vuepress/styles/index.styl

@@ -43,11 +43,17 @@ a.sidebar-link.active
 
 // Header
 
-#app .navbar .logo
-  margin-right 5px
-
-#app .site-name 
-  font-family "Roobert"
+#app
+  .navbar
+    .logo
+      height 1.5rem
+      width 1.5rem
+      margin-right 5px
+      vertical-align middle
+
+    .site-name
+      font-family Roobert
+      font-size 1.3rem
 
 // Navigation