footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  background-color: #9adace;
  padding: 2rem 0;
}

.footer {
  margin: 1rem;
}

footer a {
  color: var(--dark-moderate-cyan);
}

@media screen and (max-width: 700px) {
  .footer.nav__links {
    opacity: 1;
    flex-direction: row;
    justify-content: center;
    max-height: none;
    background-color: #9adace;
  }
}