:root {
  /* Main colors */
  --white: rgb(255, 255, 255);
  --gray250: rgb(250, 250, 250);
  --gray245: rgb(245, 245, 245);
  --gray235: rgb(235, 235, 235);
  --gray215: rgb(215, 215, 215);
  --gray185: rgb(185, 185, 185);
  --gray155: rgb(155, 155, 155);
  --gray125: rgb(125, 125, 125);
  --black: rgb(50, 50, 50);

  --red: #ff7b7b;
  --blue: rgb(50, 90, 255);
  --green: #24da5b;
  --brand: rgb(255, 210, 80);
  /* main brand color */
  --brand-light: rgb(255, 245, 200);
  /* light brand color */

  --modal-color: rgb(250, 250, 250);
  --modal-bg-color: rgba(0, 0, 0, 0.5);
  --gray-text: var(--gray125);

  /* Radiuses */
  --card-border-radius: 10px;
  --modal-border-radius: 10px;
  --board-border-radius: 5px;
  --btn-border-radius: 5px;
  --elem-border-radius: 5px;
  --ava-border-radius: 10px;

  /* Font sizes */
  --filters-font-size: 16px;

  /* стандартные размеры */
  --page-width: 90%;
}

/* Верхняя часть */
.top-menu-cont,
.main-pages-cont {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
  border-bottom: solid 1.5px var(--gray215);
}

.top-menu {
  width: var(--page-width);
  height: 70px;
}

.page {
  width: var(--page-width);
}

.inValid {
  border: solid 3px var(--red) !important;
}