/****************************************
* Navigation
****************************************/

nav {
  max-width: 350px;
}

/****************************************
* Horizontal scroll container
****************************************/

.scroll-item {
  flex: 0 0 calc(50% - 1rem);
}

/****************************************
* Divided
****************************************/

.divided > div {
  width: auto;
  padding: 0 1rem;
}

.divided > div + div::before {
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 100%;
}
