:root {
  --color-transparent: rgba(255, 255, 255, 0);
  --color-background: #272733;
  --color-background-footer: rgba(0, 0, 0, 0.2);

  --color-yellow: #f9d56e;
  --color-grey: #8a8ea3;

  --color-red: #e8505b;
  --color-tomato: rgba(237, 83, 56, 0.6);
  --color-red-transparent6: rgba(232, 80, 91, 0.65);
  --color-red-transparent1: rgba(232, 80, 91, 0.1);

  --color-brown-transparent: rgba(249, 213, 110, 0.1);

  --color-blue: #4e89ae;
  --color-blue-transparent: rgba(78, 137, 174, 0.1);

  --color-green: #14b1ab;
  --color-green-transparent: rgba(20, 177, 171, 0.1);

  --color-white: #ffffff;
  --color-grey-light: #cecece;
  --color-white-transparent1: rgba(217, 217, 217, 0.1);
  --color-white-transparent2: rgba(255, 255, 255, 0.2);
  --color-white-transparent7: rgba(255, 255, 255, 0.7);

  --color-border: rgba(255, 255, 255, 0.9);

  --width-block: 1526px;
}