/* TODO исправить стили, тут верхней навигации вообще нет */


/* ========== THEME ========== */
body {
  --text-color: #111;
  --brand-color: #231765;
  --bkg-color-blue: #0066e3;

  --bkg-color: #fff;
  --bkg-color2: #ccc;
  --bkg-color3: #aaa;
}

@media (prefers-color-scheme: dark) {
  /* defaults to dark theme */
  body {
    --text-color: #eee;
    --brand-color: #654dea;
    --bkg-color-blue: #003aac;

    --bkg-color: #121212;
    --bkg-color2: #202020;
    --bkg-color3: #353435;
  }
}

* {
  background: transparent;
  color: var(--text-color);
}

body {
  background: var(--bkg-color);
}

.page-header {
  text-align: center;
  margin: 1em 3em;
}

/* ========== MAIN STYLES ========== */

#header-wrapper {
  display: flex;
  margin: 1em;
}

#header-wrapper * {
  color: var(--brand-color);
}

header {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 0 auto;
}

header > * {
  margin: auto 0.5em;
  text-decoration: none;
  font-size: medium;
}

header > div > * {
  display: block;
  margin: 0.1em 0;
}

#logo-text {
  font-weight: bolder;
  font-size: xx-large;
}

#logo-image {
  width: 50px;
  height: 50px;
}