.topbar {
  height: 4.1176vw;
  width: 82.3529vw;
  background-color: var(--red-color);
}

.topbar .main-nav {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}

.topbar .main-nav a.nav-container {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out;
  font-weight: 400;
  font-size: 1.1029vw;
  color: var(--white-color);
}

.topbar .main-nav a.nav-container.active-nav,
.topbar .main-nav a.nav-container:hover {
  background-color: var(--active-red-color);
}