.site-footer{
  width:100%;
  margin-top:3rem;
  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 .heart{
  display:inline-block;
  color:var(--color-red);
  animation:exoworoHeartbeat 1.8s ease-in-out infinite;
}

@keyframes exoworoHeartbeat{
  0%,60%,100%{ transform:scale(1); }
  15%{ transform:scale(1.15); }
  30%{ transform:scale(1); }
  42%{ transform:scale(1.1); }
}

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

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

.site-footer .footer-menu a{
  position:relative;
  color:var(--color-text-dim);
  transition:color .3s var(--ease-soft), transform .4s var(--ease);
}

.site-footer .footer-menu a:hover{
  color:var(--color-red-bright);
  transform:translateY(-1px);
}