#links {
  margin-top: 1em;
  display: flex;
  align-items: center;
  width: 100%;
}

#links::before,
#links::after {
  content: "";
  flex-grow: 1;
  border-top: 1px solid var(--deeppurple, #ffffff);
}

#links a {
  margin 0 1em;
  color: var(--deeppurple);
  text-decoration: none;
  padding: 0.5em 1em;
  transition: color 0.1s ease;
}

#links a:hover {
  color: var(--purple);
}