html,
body {
  margin: 0px;
  padding: 0px;
}

body {
  min-inline-size: 100svi;
  min-block-size: 100svb;
  font-family:
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    "Open Sans",
    "Helvetica Neue",
    sans-serif;
}

body {
  display: grid;
  place-items: center;
}

button#counter {
  /* just a color that felt good; can be changed */
  --background: rgb(206, 229, 238);
  background-color: var(--background);
  outline: none;
  box-sizing: border-box;
  border: 0.5ch solid oklch(from var(--background) 0.6 c h / 1);
  font-size: 5rem;
  padding-inline: 0.3ch;
  cursor: pointer;
}

button#show-tests {
  position: absolute;
  inset-block-start: 0px;
  inset-inline-end: 0px;
}