:root {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
    Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  color: white;

  background: radial-gradient(
      circle,
      transparent 20%,
      #151718 20%,
      #151718 80%,
      transparent 80%,
      transparent
    ),
    radial-gradient(
        circle,
        transparent 20%,
        #151718 20%,
        #151718 80%,
        transparent 80%,
        transparent
      )
      25px 25px,
    linear-gradient(#202020 1px, transparent 2px) 0 -1px,
    linear-gradient(90deg, #202020 1px, #151718 2px) -1px 0;
  background-size: 50px 50px, 50px 50px, 25px 25px, 25px 25px;
}

body {
  margin: 0;
  display: flex;
  place-items: center;
  min-width: 20rem;
  min-height: 100vh;
  font-family: var(--font-family);
}

h1 {
  font-weight: bold;
  font-size: 3.2rem;
  line-height: 1.1;
}

main {
  max-width: 80rem;
  margin: 0 auto;
  padding: 2rem;
  text-align: center;
}