/* шрифт для лого */
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
/*@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#nav_header {
  /* фон главной навигационной панели */
  background: #6F42C1;
  background: linear-gradient(11deg, #6F42C1FF 15%, #9842C1B2 70%);
  height: 75px;
}
.navbar#nav_header > div.container-fluid > a.navbar-brand {
  /* лого */
  font-family: "Lobster", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 11pt;
  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;
}