navbar maj

src/app/app.css

@@ -3,11 +3,27 @@
 }
 
 .app-layout {
-  height: 100vh;
+  height: 150vh;
+    width: 100%;
+}
+
+.main-title {
+    color:#eabf63;
 }
 
 .top-nav {
   line-height: 64px;
+  background-color: #2c2c2c;
+}
+
+.top-nav a {
+    display: block;
+    background-color: #4c4c4c;
+}
+
+.nav-item {
+    color: #eabf63;
+    font-size: 18px;
 }
 
 .logo {
@@ -15,22 +31,21 @@
   height: 64px;
   padding-right: 24px;
   line-height: 64px;
-  background: #001529;
+  background: #1c1c1c;
 }
 
 .logo img {
   display: inline-block;
-  height: 32px;
-  width: 32px;
-  vertical-align: middle;
+  height: 70px;
+  width: 130px;
 }
 
 .logo h1 {
   display: inline-block;
-  margin: 0 0 0 15px;
-  color: #fff;
+  margin: 0 0 0 10px;
+  color: #eabf63;
   font-weight: 600;
-  font-size: 20px;
+  font-size: 22px;
   font-family: Avenir,Helvetica Neue,Arial,Helvetica,sans-serif;
   vertical-align: middle;
 }