/* chaosgame.org's home page (home.html); site.css holds the colours and the panel. */
.home { text-align: center; }
.home h2, .home p { text-align: left; }
.home .tagline, .home .meta { text-align: center; }
.hero { display: block; margin: 0 auto 0.5rem; width: 128px; height: 128px; image-rendering: pixelated; }
.home h1 { font-size: 2.2rem; margin-bottom: 0.25rem; }
.tagline { font-size: 1.05rem; margin-top: 0; }
.buttons { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin: 1.5rem 0 0.75rem; }
.button {
  display: inline-block;
  padding: 0.75rem 1.4rem;
  border: 2px solid var(--brass);
  border-radius: 6px;
  color: var(--brass);
  font-weight: bold;
  text-decoration: none;
}
.button:hover, .button:focus-visible { background: var(--rule); }
.button.play { background: var(--brass); color: var(--bg); }
.button.play:hover, .button.play:focus-visible { filter: brightness(1.1); background: var(--brass); }
.foot { margin-top: 2rem; }
@media (max-width: 480px) {
  .button { width: 100%; }
}