h1 {
  text-align: center;
}
h2, h3, h4 {
  text-align: left;
  margin-top: 1em;
}

body {
  text: black;
  background: #eee;
}

div.page {
  max-width: 50em;
  margin: auto;
  background: white;
  padding: 2em;
}

.todo { background: red; }

figure {
  text-align: center;
}

figure figcaption {
  font-style: italic;
  padding: 0em 1em 1em 1em;
}

figure figcaption em {
  font-style: normal;
}

figure figcaption ol, figure figcaption ul {
  display: inline-block;
  text-align: left;
}

figure img {
  width: 100%;
}

.p25, .p33, .p50 {
  margin: 0;
  display: inline-block;
  vertical-align: top;
}

.p25 { width: 25% }
.p50 { width: 50% }
.p33 { width: 33% }

canvas.board {
  background: #80a0ff;
}