<article>
  <h2>
    Header H2
  </h2>
  <p>
    Est ex exercitium beneficium, et sic quod inde animorum impetus excitetur ad matrem suam.
  </p>
  <p>
    Duis aute irure dolor in reprehenderit in voluptate.
  </p>
</article>

article {
  position: absolute;
  inset: 2ch;

  padding: 2ch;
  background: white;
  border: 1px solid hsl(200 20% 75%);
}

h2 {
  margin-block-start: 0;
}

p:last-child {
  margin-block-end: 0;
}

html {
  block-size: 100%;
  inline-size: 100%;
}

body {
  min-block-size: 100%;
  min-inline-size: 100%;
  margin: 0;
  padding: 2ch;
  box-sizing: border-box;
  display: grid;
  place-content: center;
  font-family: system-ui;
  font-size: 1.3rem;
  line-height: 1.5;
  background: hsl(200 20% 95%);
  color: hsl(200 30% 25%);
}