@charset "UTF-8";

:root {
  /* Цвета */
  --zero: #000;
  --white: #fff;
  --error: red;
  --text: #000;
  --border: #E6E6E6;
  --gray: #828282;
  --background: #fff;
  --background2: #EEE8E6;
  --background3: #E7EFE8;
  --element: #88AE8C;
  --element_hover: #719F76;
  --element2: #BADABD;
  --element3: #A0D7F0;
  /* Отсутпы и размеры */
  /* Страница */
  --footer-space: 64px;
  --container-width: 1120px;
  --container-space: 32px;
  /* Блоки */
  --section-space: 64px;
  --block-padding-small: 8px;
  --block-padding: 16px;
  --block-padding-medium: 24px;
  --block-padding-big: 32px;
  /* Тексты */
  --paragraph-space: 32px;
  --list-space: 32px;
  /* Заголовки */
  --title-top-space: 64px;
  --title-bottom-space: 32px;
  /* Таблицы */
  --th-spcae: 32px 16px;
  --td-spcae: 16px;
  /* Гапы */
  --gap-minimum: 8px;
  --gap-small: 16px;
  --gap: 32px;
  --gap-big: 48px;
  --gap-col: 32px;
  /* Радиус */
  --border_radius: 16px;
  --border_radius_2: 8px;
  /* Анимация */
  --animate: 0.4s;
  /* Размеры шрифтов */
  /* Тексты */
  --paragraph-size: 20px;
  --small-text-size: 16px;
  --big-text-size: 24px;
  --large-text-size: 120px;
  /* Заголовки */
  --h1-size: 44px;
  --h2-size: 64px;
  --h3-size: 48px;
  --h4-size: 32px;
  --h5-size: 24px;
  /* Ссылки и кнопки */
  --button-padding: 8px 16px;
  --square-button-size: 64px;
  /* Изображения */
  --ico-size: 22px;
  /* Прочее */
  --paralax_x: 0px;
  --paralax_y: 0px;
}

@media (max-width: 1280px) {
  :root {
    --footer-space: 48px;
    --section-space: 48px;
    --block-padding-big: 24px;
    --large-text-size: 100px;
  }
}

@media (max-width: 1000px) {
  :root {
    --h1-size: 40px;
  }
}

@media (max-width: 640px) {
  :root {
    --footer-space: 24px;
    --container-space: 16px;
    --section-space: 24px;
    --block-padding-small: 4px;
    --block-padding: 8px;
    --block-padding-medium: 12px;
    --block-padding-big: 16px;
    --paragraph-space: 16px;
    --gap-small: 8px;
    --gap: 16px;
    --border_radius: 12px;
    --paragraph-size: 14px;
    --small-text-size: 12px;
    --big-text-size: 16px;
    --large-text-size: 50px;
    --h1-size: 24px;
    --button-padding: 4px 8px;
    --square-button-size: 32px;
    --ico-size: 18px;
  }
}