.site-footer{
  width:100%;
  padding:1.5rem 1rem;
  background:var(--color-bg-alt);
  border-top:1px solid var(--color-border);
  font-family:var(--font-ndot);
}

.site-footer .footer-inner{
  width:min(1100px,92%);
  margin-inline:auto;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
}

.site-footer .footer-left{
  display:flex;
  flex-direction:column;
  gap:.4rem;
}

.site-footer .copyright{
  font-size:.85rem;
  color:var(--color-text-dim);
}

.site-footer .made-with{
  display:flex;
  align-items:center;
  gap:.4rem;
  font-size:.8rem;
  color:var(--color-text-dim);
}

.site-footer .made-with img{
  height:18px;
  width:auto;
}

.site-footer .footer-menu{
  font-family:var(--font-ailerons);
  display:flex;
  gap:1rem;
  font-size:.85rem;
  letter-spacing:.04em;
}

.site-footer .footer-menu a{
  color:var(--color-text-dim);
  transition:color .2s ease;
}

.site-footer .footer-menu a:hover{
  color:var(--color-red);
}