html, body {
  box-sizing: border-box;
  background:   gray;
  font-family: "Open Sans", Avenir, Montserrat, Corbel, "URW Gothic", source-sans-pro, sans-serif;
  font-weight: normal;
  height: 100%;
  color: white;
}

p {
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
}

main {
  aspect-ratio: 1/1;
  padding: 0 2rem;
  --tile-front: #f4f0eb;
  --tile-front-side: #eee4d8;
  --tile-back: #f0974c;
  --tile-back-side: #f0974c;
  --bg-color: #0f6f2f;
  position: relative;
  z-index: 1;
  overflow: visible;
  background: var(--bg-color);
}
a {
  color: white;
}
header {
  border-bottom: 0.5rem dotted white;
}

.mahjong-tile-container img {
  height: 2rem;
}
}

img[alt]::after {
  display: block;
  content: attr(alt);
}