add main-menu (draft)

public/static/css/rosmorport.css

@@ -3,13 +3,15 @@
 /*@import url('https://fonts.googleapis.com/css2?family=Amatic+SC:wght@700&display=swap');*/
 /*@import url('https://fonts.googleapis.com/css2?family=Kurale&display=swap');*/
 
-/* НАВИГАЦИЯ */
-.navbar {
-  background: rgb(111,66,193);
-  background: linear-gradient(11deg, rgba(111,66,193,1) 15%, rgba(152,66,193,0.7) 70%);
+/* НАВИГАЦИЯ - ШАПКА */
+.navbar#nav_header {
+  /* фон главной навигационной панели */
+  background: #6F42C1;
+  background: linear-gradient(11deg, #6F42C1FF 15%, #9842C1B2 70%);
   height: 75px;
 }
-.navbar > div.container-fluid > a.navbar-brand {
+.navbar#nav_header > div.container-fluid > a.navbar-brand {
+  /* лого */
   font-family: "Lobster", sans-serif;
   font-weight: 400;
   font-style: normal;
@@ -17,11 +19,28 @@
   color: #fff;
 }
 
+/* НАВИГАЦИЯ - МЕНЮ */
+.navbar#nav_main_menu {
+  /* фон меню */
+  background: #B5B1B2;
+  background: linear-gradient(11deg, #49434399 15%, #B5B1B2b2 70%);
+  height: 75px;
+}
+.navbar#nav_main_menu > ul.nav > li.nav-item > a.nav-link {
+  /* пункты меню */
+  color: black;
+  font-size: 11pt;
+  border-left: black 1px dashed;
+}
+
+/* МОДАЛЬНЫЕ ОКНА */
 .modal {
+  /* фон затенения */
   background: rgb(33, 20, 56);
   background: linear-gradient(11deg, rgb(33, 20, 56, 1) 15%, rgba(49, 22, 64, 0.6) 70%);
 }
 .modal > .modal-dialog > .modal-content .modal-header,
 .modal > .modal-dialog > .modal-content .modal-footer {
+  /* фон заголовка и подвала модального окна */
   background: whitesmoke;
 }