@import url('https://fonts.googleapis.com/css2?family=Sacramento&display=swap');

:root {
  --space-clamp: clamp(1.5rem, 3vw, 2rem);
}

/* Layout */
.layer-inset {
  max-width: 80rem;
}

.logo {
  color: var(--color-darkest);
  font-size: 1.5rem;
  font-weight: 700;
  text-decoration: none;
}
.logo-apps {
  font-variant: small-caps;
}
.logo-jen {
  font:
    400 2rem Sacramento,
    cursive;
}

section .layer-inset {
  align-items: stretch;
  gap: 0.5rem;
}

footer .layer-inset {
  align-items: center;
  color: var(--color-half);
  display: flex;
  justify-content: space-between;
}