/* В этом файле будут храниться все значения переменных в исходном состоянии, а так же их изменения в зависимости от ширины устройства */
:root {
  --main-font: 'Inter', sans-serif;
  --accent-font: 'PressStart2P', monospace;
  --text-font-weight: 410;
  --title-font-weight: 715;
  --bg-gradient: repeating-linear-gradient(to right, #d3d3d3 0 2px, transparent 2px 4px),
                 repeating-linear-gradient(to bottom,#d3d3d3 0 2px,transparent 2px 4px),
                 linear-gradient(to bottom,#e7e7e7 0.01%,#1a1a1a);
  --header-section-width: clamp(23.4375rem, 16.2852rem + 30.5164vw, 43.75rem);
  --logo-font-size: clamp(3.0625rem, 2.71rem + 1.50vw, 4.0625rem);
  --title-font-size: clamp(0.875rem, 0.68rem + 0.85vw, 1.4375rem);
  --padding-block: clamp(7.5rem, 7.28rem + 0.94vw, 8.125rem);
  --padding-inline: clamp(1rem, -1.34rem + 10.00vw, 7.65625rem);
  --cards-width: clamp(23.4375rem, 16.2852rem + 30.5164vw, 43.75rem);
  --text-stroke-color: rgba(255, 255, 255, 1);
  --accent-color: #000;
  --button-text-color: #fff;
  --contour-color: #000;
  --animation-fill-color: #ff0000;
}