footer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 5vw;
  background-color: var(--background-highlight);
}

footer a {
  color: var(--color);
  text-decoration: none;
}

footer * {
  margin: 0;
}

.logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-block: 0.5rem;
  font-size: 1.5rem;
  color: currentColor;
  transition: color 175ms ease-in-out;
  padding-inline: 0.5rem;
}