:root {
  --font-family-main: 'Inter-Variable';
  --font-family-heading: 'PressStart2P';
  --page-background-color: rgb(171, 169, 169);
  --text-wght: 400;
  --heading-wght: 700;
  --button-font-size: 14px;
  --main-font-size: 18px;
  --content-width: clamp(320px, 100%, 700px);
  --content-padding: clamp(10px, 4vw, 40px);
  --accent-color: #000;
  --contour-color: #000;
  --animation-fill-color: red;
  --block-background-color: #fff;
  --page-background-gradient:
      repeating-linear-gradient(
        to right,
        #d3d3d3 0px,
        #d3d3d3 2px,
        transparent 2px,
        transparent 4px
      ),
      repeating-linear-gradient(
        to bottom,
        #d3d3d3 0px,
        #d3d3d3 2px,
        transparent 2px,
        transparent 4px
      ),
      linear-gradient(
        to bottom,
        #e7e7e7 0.01%,
        #1a1a1a 100%
      );
  --title-font-size: clamp(3.0625rem, 1.9087rem + 4.9231vw, 4.0625rem);
  --subtitle-font-size: clamp(0.875rem, 0.226rem + 2.7692vw, 1.4375rem);
}