:root {
  color-scheme: light;
  --background: #f7f2e8;
  --foreground: #111111;
  background: var(--background);
  color: var(--foreground);
  font-family: Arial, Helvetica, sans-serif;
}

* { box-sizing: border-box; }
body { margin: 0; }

.splash {
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: 2rem;
}

.mark {
  margin: 0;
  width: min(66vw, 20rem, 56svh);
  line-height: 0;
}

.mark img {
  display: block;
  width: 100%;
  height: auto;
  user-select: none;
}