html {
  block-size: 100%;
}

body {
  margin: 0;
  min-block-size: 100dvh;
  display: grid;
  place-content: center;
  place-items: center;
  padding: var(--size-5);
  box-sizing: border-box;
  background: linear-gradient(180deg, #1e1b4b, #7c3aed);
  font-family: var(--font-sans);
}

h1 {
  margin: 0;
  font-size: var(--font-size-fluid-3);
  font-weight: var(--font-weight-9);
  letter-spacing: var(--font-letterspacing-0);
  text-align: center;
  color: var(--gray-0);
  text-shadow: var(--shadow-4);
  max-inline-size: var(--size-content-3);
}