/* Plain on purpose, in the spirit of paulgraham.com and patrickcollison.com. */
body {
  max-width: 34rem;
  margin: 3rem auto;
  padding: 0 1rem;
  background: #fff;
  color: #000;
  font: 15px/1.5 Verdana, Geneva, sans-serif;
}
h1 { font-size: 1.3rem; font-weight: normal; margin: 0 0 1rem; }
h2 { font-size: 1rem; margin: 2rem 0 .5rem; }
ul { list-style: none; padding: 0; margin: 1.5rem 0; }
li { margin: .2rem 0; }
a { color: #0000ee; }
a:visited { color: #551a8b; }
.footer { color: #777; font-size: .8rem; margin-top: 3rem; }

/* Easter egg (egg.js) */
.cursor {
  border: 0; background: none; padding: 0 0 0 .15em; margin: 0;
  font: inherit; color: inherit; cursor: pointer;
  animation: blink 1.1s steps(1) infinite;
}
@keyframes blink { 50% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .cursor { animation: none; } }
.egg {
  position: fixed; inset: 0;
  background: rgba(255, 255, 255, .96);
  display: flex; align-items: center; justify-content: center;
  touch-action: none;
}
.egg-box { text-align: center; }
.egg canvas { display: block; border: 1px solid #000; }
.egg-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: .4rem; }
.egg-close { border: 0; background: none; font: inherit; cursor: pointer; padding: 0 .2rem; }
.egg-hint { color: #777; font-size: .8rem; margin: .5rem 0 0; }