/* the info pages (privacy, support): a sheet of lined paper on the desk, like the game */
:root { --desk: #2b3033; --paper: #fbf8ef; --blue: #2340a8; --red: #c4262e; --pencil: #77746c; --ink: #26262b; color-scheme: light; }
html { background: var(--desk); }
body {
  margin: 0; padding: 32px 16px 64px; font-family: 'Gochi Hand', 'Chalkboard SE', 'Comic Sans MS', sans-serif;
  background: var(--desk) repeating-linear-gradient(115deg, rgba(255,255,255,.02) 0 2px, transparent 2px 11px); color: var(--ink);
}
main {
  max-width: 720px; margin: 0 auto; padding: 28px 28px 36px 64px; background: var(--paper); box-shadow: 0 14px 30px rgba(0,0,0,.5);
  background-image: linear-gradient(90deg, transparent 44px, #e48b8b 44px 46px, transparent 46px), repeating-linear-gradient(transparent 0 31px, #a8c3e6 31px 32px);
  font-size: 21px; line-height: 32px;
}
h1 { font-family: 'Rock Salt', 'Gochi Hand', cursive; font-weight: 400; font-size: 34px; line-height: 64px; margin: 0 0 8px; }
h1 span { text-decoration: underline wavy var(--red); text-decoration-thickness: 2px; text-underline-offset: 10px; }
h2 { font-weight: 400; font-size: 27px; line-height: 32px; margin: 32px 0 0; color: var(--blue); }
p, ul { margin: 0 0 32px; } ul { padding-left: 1.2em; } li { margin: 0; }
a { color: var(--blue); }
.small { color: var(--pencil); font-size: 18px; }
nav { max-width: 720px; margin: 0 auto 16px; font-size: 20px; } nav a { color: var(--paper); margin-right: 18px; }
@media (max-width: 560px) { main { padding: 20px 16px 28px 40px; background-image: linear-gradient(90deg, transparent 26px, #e48b8b 26px 28px, transparent 28px), repeating-linear-gradient(transparent 0 31px, #a8c3e6 31px 32px); } }