.main-menu {
  --gap: 10.6666666667vw;
}
@media (min-width: 720px) {
  .main-menu {
    --gap: 6.25vw;
  }
}
@media (min-width: 1281px) {
  .main-menu {
    --gap: 1.5625vw;
  }
}
@media (min-width: 2400px) {
  .main-menu {
    --gap: 37.5px;
  }
}
.main-menu {
  display: flex;
  gap: var(--gap);
}
.main-menu__item:hover {
  color: var(--color-brand-light);
}
.main-menu__item:active {
  color: var(--color-brand-dark);
}
.main-menu_direction_v {
  flex-direction: column;
  align-items: center;
}