article {
  background: linear-gradient(
    to right, 
    hsl(23 100% 58%), 
    hsl(349 79% 53%)
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}

h1 {
  font-size: 10vmin;
  line-height: 0.65;
  font-family: "Atkinson Hyperlegible", ui-monospace, monospace;
  padding: 12px;
}

body {
  background: hsl(204 100% 5%);
  
  min-block-size: 100%;
  min-inline-size: 100%;
  box-sizing: border-box;
  display: grid;
  place-content: center;
  font-family: system-ui;
  font-size: min(200%, 5vmin);
}

h1, p, body {
  margin: 0;
}

p {
  font-family: "Atkinson Hyperlegible", ui-monospace, monospace;
  color: white;
  text-align: center;
}

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