/* ==========================================================================
   Footer
========================================================================== */

.footer {
  background: var(--color-blue);
  color: var(--color-white);
  text-align: center;
  padding: 28px 16px;
}

.footer__copy {
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 8px;
}

.footer__nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 8px;
  font-size: 1.3rem;
}

.footer__nav a:hover {
  opacity: 0.75;
}

.footer__sep {
  opacity: 0.5;
}