nav {
  top: 0;
  display: none; /* = na začiatku neviditeľné, potom flex; */
  flex-wrap: nowrap;
  background-color: #fffffffa;
  border: 1px solid #ddd;
  padding: .2em .4em;
  /* margin-left: -.5rem; */
}
nav > a,
nav > i {
  text-align: center;
  white-space: nowrap;
  flex-grow: 1;
}
nav > a {
  text-decoration: none;
  flex-shrink: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}
nav > i {
  font-style: normal;
  /* padding: 0 .3em; */
}
/* nav > a:hover { */
  /* background-color: #8888; */
/* } */
nav > i::before {
  content: "\0025B7";
  /* https://www.w3schools.com/charsets/ref_utf_geometric.asp
        9655   25B7   WHITE RIGHT-POINTING TRIANGLE
        9654   25B6	 	BLACK RIGHT-POINTING TRIANGLE
        9659   25BB   WHITE RIGHT-POINTING POINTER
  */
}