:root {
  color: #27372c;
  background: #eef4eb;
  font-family:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
    "Segoe UI", sans-serif;
  font-synthesis: none;
}

* {
  box-sizing: border-box;
}

body {
  display: grid;
  min-height: 100svh;
  margin: 0;
  align-items: start;
  justify-items: center;
  background:
    radial-gradient(circle at 15% 10%, #f8fbf6 0, transparent 38rem),
    #eef4eb;
  -webkit-font-smoothing: antialiased;
}

main {
  width: min(100% - 3rem, 60rem);
}

/*
 * Keep content near the top on constrained screens. On roomy viewports,
 * center pages only while their content fits; the body's intrinsic height
 * grows with longer content, leaving no extra space to center within.
 */
@media (min-width: 48rem) and (min-height: 40rem) {
  body {
    align-items: safe center;
  }
}