footer {
  padding: 1em 0;
  background-color: var(--main-color);
  color: var(--secondary-color);
}
footer a {
  color: var(--secondary-color);
  text-decoration: none;
  margin: 0 .5em;
  display: inline-block;
}
footer a:hover {
    text-decoration: underline;
}

@media all and (max-width: 33em) {
  footer {
    font-size: 0.875rem;
  }
  footer a {
    margin: 0 .25em;
  }
}