/* A little style reset */
*, ::after, ::before {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0 solid;
  color: inherit;
  font-family: inherit;
  overflow-wrap: break-word;
}

:root {
  font-family: system-ui;
  font-size: clamp(1em, 1em + 1vmin, 2em);
}

main {
  width: 100vw;
  height: 100vh;

  display: grid;
  gap: 1em;
  place-items: center;
  padding: 1em;
}

main > h1 {
  font-size: 3em;
}

main > .counter {
  font-size: 1em;
  padding: 0.25em;
  border-radius: 0.25em;
}

main > .counter:hover {
  cursor: pointer;
}