/* ============================================================
   Header — #header container
   Based on Shoka design
   ============================================================ */

#header {
  margin: 0 auto;
  position: relative;
  width: 100%;
  height: 50vh;
  text-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.5);
  color: var(--header-text-color);
}

#header a:hover {
  color: currentColor;
}

#header .inner {
  margin: 0 auto;
  width: 100%;
}