.footer {
  display: flex;
}

.page-footer {
  justify-content: center;
  background: var(--color1);
  padding: 16px;
}

.index-footer {
  justify-content: flex-end;
  padding: 80px;
}

.footer a {
    text-decoration: none;
}

.page-footer a {
  color: var(--color0);
}

.footer > a:not(:first-child)::before {
    content: "|";
    padding: 0 5px;
}

@media (max-width: 1000px) {
    .footer {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: column;
      background: var(--color1);
      padding: 1em;
    }

    .footer a {
      padding: 5px;
    }

    .footer > a:not(:first-child)::before {
      content: "";
    }
}