style.css

body {
  text-align: center;
  background-color: #fff;
  font-family: lato, "myriad pro", helvetica, sans-serif; }

#content {
  margin: 0 auto;
  width: 80%; }

#bingo_table {
  margin: 0 auto;
  font-weight: 700;
  text-align: center;
  vertical-align: middle; }
  #bingo_table td {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    border: 1px solid #000; }
  #bingo_table td:hover {
    cursor: pointer;
    background: #cacaca; }
  #bingo_table td.picked {
    background: black;
    color: white; }
  #bingo_table td.picked:hover {
    background: gray; }

#result_area {
  position: relative;
  width: 100px;
  height: 100px;
  margin: 20px auto;
  background: black;
  color: white;
  border-radius: 50px;
  font-size: 48px;
  text-align: center; }

#result {
  position: absolute;
  display: block;
  height: 60px;
  width: 60px;
  margin: -30px 0 0 -30px;
  top: 50%;
  left: 50%; }

/*# sourceMappingURL=style.css.map */