:root {
  --bg: #1c1916;
  --ink: #efe6d8;
  --serif: "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
  color-scheme: dark;
}

*, *::before, *::after { box-sizing: border-box; }

body {
  margin: 0;
  background:
    radial-gradient(ellipse at 50% -10%, #2c251e 0%, transparent 60%),
    var(--bg);
  color: var(--ink);
  -webkit-font-smoothing: antialiased;
}

main {
  min-height: 100vh;
  min-height: 100dvh;
  display: grid;
  place-items: center;
  padding: clamp(1.25rem, 6vw, 4rem);
}

.quote {
  margin: 0;
  max-width: 34ch;
  font: 400 clamp(1.4rem, 4.5vw, 2.4rem)/1.5 var(--serif);
  text-align: center;
  overflow-wrap: anywhere;
}