html,
body,
#flexPage {
  height: 100%;
}

#flexPage {
  display: flex;
  flex-direction: column;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 8px;
}

#bottom {
  height: 100%;
  width: 100%;
  flex: 1 1 auto;
  overflow-y: scroll;
}

@font-face {
  font-family: "comic neue";
  src: url("../fonts/ComicNeue-Bold.ttf");
}
.lod {
  color: #ccccff !important;
  background-color: #0c2971 !important;
}

.wod {
  color: white !important;
  background-color: #0c2971 !important;
}

.dow {
  color: #0c2971 !important;
  background-color: white !important;
}

.wod {
  color: white !important;
  background-color: #0c2971 !important;
}

.comic {
  font-family: "comic neue";
}

h1,
h2,
h3 {
  line-height: 0.8;
  font-family: "comic neue";
}

.graphic {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.centred {
  width: 90%;
  margin: auto;
}

h1 {
  font-size: 3em;
}

h2 {
  font-size: 2em;
}

h3 {
  font-size: 1.25em;
  color: white;
}

.hand:hover {
  cursor: pointer;
}

.centre {
  display: block;
  margin: auto;
}

.page-hdr {
  line-height: 0.9;
}

#caption {
  color: #0c2971;
  font-family: "comic neue";
  font-style: italic;
}/*# sourceMappingURL=cakes.css.map */