/* The site of honkaway.com: one stylesheet, no script, nothing from another host. The sky and the font are the game's. */
@font-face {
  font-family: 'Fredoka';
  src: url('/fonts/Fredoka.ttf') format('truetype');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

:root { --sky: #2BBDFD; --ink: #06263d; --card: #ffffff; }

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--sky);
  color: var(--ink);
  font-family: 'Fredoka', 'Trebuchet MS', system-ui, sans-serif;
  font-size: 18px;
  line-height: 1.5;
}

main {
  max-width: 40rem;
  margin: 0 auto;
  padding: 16px;
}

header { padding: 8px 0 16px; }

.brand { display: inline-flex; align-items: center; gap: 12px; color: var(--ink); text-decoration: none; font-size: 28px; font-weight: 700; }
.brand img { border-radius: 14px; display: block; }

.card { background: var(--card); padding: 8px 20px 20px; border-radius: 20px; }
.card h1 { font-size: 32px; line-height: 1.2; margin: 12px 0; }
.card h2 { font-size: 22px; line-height: 1.3; margin: 20px 0 4px; }
.card p { margin: 0 0 12px; }

.lead { font-size: 22px; }
.muted { color: #3b5566; }
.links { display: flex; gap: 12px; flex-wrap: wrap; }
.button { display: inline-block; background: var(--ink); color: #fff; text-decoration: none; padding: 10px 22px; border-radius: 999px; font-weight: 600; }
a { color: #0a4f7c; }
.button:hover, .button:focus { background: #0a4f7c; }

footer { padding: 20px 0 8px; display: flex; gap: 20px; }
footer a { color: var(--ink); font-weight: 600; }