@charset "utf-8";

:root{
  --theme-main-hue  : 21;
  --theme-sub-hue   : 290;
  --theme-accent-hue: 26;
  --theme-menu-hue: var(--theme-main-hue);
  --header-chroma: 0.12;
  --menu-icon-current-color   : #ffffff;
  --menu-icon-current-bg-color: #d02530;
  --icon--current-color: #d02530;
}
@media screen {
  .night {
  }
}
body {
  background-image: url(../../_common/img/back-pattern.png), url(../img/back-moon.png);
  background-blend-mode: normal, hard-light;
  .night & {
    background-blend-mode: hard-light, hard-light;
  }
  @media screen and (width <= 735px){
    background-size: auto, 120%;
    background-position-x: 0, 5vw;
    background-position-y: 0, 110%;
  }
}