main.css

* {
  padding: 0;
  margin: 0;
}
body {
  font-color: #222222;
  font-family: Georgia;
}
.page {
  text-align: center;
  margin: 0 auto;
  width: 500px;
}
.page h1 { margin-bottom: 0.5em; }
.page .rules {
  font-size: 90%;
  color: #444444;
  margin-bottom: 1em;
}
.page ul.rules li { list-style-type: none; }
.page ul.bingo_grid {
  margin: 0 auto;
  width: 400px;
  height: 400px;
  border-top: 2px solid #888888;
  border-left: 2px solid #888888;
}
.page ul.bingo_grid li {
  width: 133.333333333333px;
  height: 133.333333333333px;
  display: inline;
  float: left;
}
.page ul.bingo_grid li div {
  display: table-cell;
  vertical-align: middle;
  border-bottom: 2px solid #888888;
  border-right: 2px solid #888888;
  padding: 5px;
  width: 121.333333333333px;
  height: 121.333333333333px;
}
.page .promotion {
  border: 1px dotted black;
  width: 500px;
  height: 4em;
  display: table-cell;
  vertical-align: middle;
}
.page .footer {
  width: 500px;
  color: #888888;
  font-size: 80%;
}
.page-break { page-break-after: always; }