/*
  TokkiRGB layer position controls.

  Edit this file on the pre-dev branch to move homepage layers without
  changing component styles. Use rem values for predictable movement.

  x: positive moves right, negative moves left.
  y: positive moves down, negative moves up.
*/

:root {
  --layer-stage-x: 0rem;
  --layer-stage-y: 0rem;

  --layer-nav-x: 0rem;
  --layer-nav-y: -5.5rem;

  --layer-wordmark-x: 0rem;
  --layer-wordmark-y: -1.5rem;

  --layer-menu-x: 0rem;
  --layer-menu-y: 0rem;

  --layer-stars-x: 0rem;
  --layer-stars-y: 0rem;

  --layer-footer-x: 0rem;
  --layer-footer-y: 0rem;
}

@media (max-width: 760px) {
  :root {
    --layer-nav-y: -2.3rem;
    --layer-wordmark-y: -0.85rem;
  }
}