:root {
  color-scheme: light;
  background: #e9e4f4;
  color: #38205a;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: 32px 24px;
}

main { width: min(100%, 640px); }

h1 {
  margin: 0 0 32px -.055em;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(88px, 17vw, 160px);
  font-weight: 900;
  line-height: .85;
  letter-spacing: -.085em;
}

p {
  margin: 0 0 44px;
  font-size: clamp(15px, 3.8vw, 20px);
  line-height: 1.5;
}

a {
  color: inherit;
  font-size: clamp(15px, 3.8vw, 18px);
  line-height: 1.5;
  text-decoration-thickness: 1px;
  text-underline-offset: 6px;
}

a:hover { text-decoration-thickness: 2px; }
a:focus-visible { outline: 2px solid currentColor; outline-offset: 8px; }

@media (max-height: 500px) and (min-width: 600px) {
  h1 { font-size: 88px; margin-bottom: 20px; }
  p { margin-bottom: 24px; }
}