/* variables */
:root {
  --transitionSpeed: 5s; /* will be reset in JS to 5s */
  --transitionSpeedOpacity: 0s; /* will be reset in JS to 5s */
  --gapXS: 2px;
  --gapS: 5px;
  --gapM: 10px;
  --gapL: 15px;

  /* font */
  /* --fontSizeM: 18px;
  --fontSizeS: 14px; */
  --fontSizeM: 16px;
  --fontSizeS: 16px;

  /* icons */
  --backgroundImageSize: 10px;

  /* color */
  --backgroundColor: #37332d;
  --grey: #cccccc;
  --spotColor: #000000;

  /* will be reset in JS on mouse move */
  --backgroundX: 0px;
  --backgroundY: 0px;
}

/* for mobile */
@media screen and (max-width: 600px) {
  :root {
    --fontSizeM: 11px;
    --fontSizeS: 11px;
  }
}