:root {
  --cardMaxSizeMobile: 400px;
  --cardMaxSizeDeskPort: 450px;
  --CardMaxSizeDeskLand: 400px;
  --cardMaxSize: var(--cardMaxSizeMobile);
  --cardSizeMobile: 70vw;
  --cardSizeDeskPort: 45vw;
  --cardSizeDeskLand: 40vh;

  --cardSize: min(70vw, var(--cardMaxSize));
  --smCardSize: 45vw;
  --smCardLeft: 44.5vw;
  --smCardTop: 4.5vw;
  --textCol: #667;

  --rotZspeed: 0.5s;
  --rotXspeed: 1s;
  --pushCardTop: 50dvh;
  --pushCardLeft: 15vw;
  --pushCardOut: 150vh;
  --boldWeight: 700;
  --fontMin: 13px;
  --fontMi: 13;
  --fontMax: 20;
  --viewMin: 300px;
  --viewMax: 1600px;
  --viewMi: 300;
  --viewMa: 1600;
  --baseFontSize: calc(
    var(--fontMin) + (var(--fontMax) - var(--fontMi)) *
      ((100vw - 300px) / (1500 - 300))
  );
  --accColor: #6dc5bc;

  --zoomCardSize: 72vw;
  --zoomCardLeft: 14vw;
  --zoomCardTop: 9vw;

  --swipeAreaH: calc(var(--cardSize) * 1.3);
  --swipeAreaT: calc(var(--pushCardTop) - var(--cardSize) * 0.15);
}