h1 {
  text-align: center;
}

.container {
  display: flex;
  gap: 0.625%;
}

a {
   flex: 1;
  text-decoration: none;
  outline-color: transparent;
  text-align: center;
  line-height: 3;
  color: black;
}

a:link,
a:visited,
a:focus {
  background: salmon;
  color: black;
}

a:hover {
  background: darkred;
}

a:active {
  background: darkred;
  color: white;
}