body {
  font-size: x-large
}

li {
  marker: none;
  list-style: none
}

a {
  text-decoration: none;
  color: inherit
}

a:hover {
  text-decoration: underline
}

:root {
  --red: #f21332;
  --orange: #f27225;
  --pink: #e20b88;
  --yellow: #f2ad24;
  --green: #00b249;
  --blue: #1844b5;
  --purple: #a033b3;
}

li:nth-of-type(6n + 1):hover { color: var(--red) }
li:nth-of-type(6n + 2):hover { color: var(--orange) }
li:nth-of-type(6n + 3):hover { color: var(--pink) }
li:nth-of-type(6n + 4):hover { color: var(--green) }
li:nth-of-type(6n + 5):hover { color: var(--blue) }
li:nth-of-type(6n + 6):hover { color: var(--purple) }

menu {
  padding: 0;
  margin: 0;
}

nav { display: flex }