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: Quintessential-Regular;
  src: url("../oldstuff/alain/Quintessential-Regular.ttf");
}
.lod {
  color: #00ccff !important;
  background-color: #000099 !important;
}

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

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

.mlod {
  color: #ff9dcd !important;
  background-color: #a52750 !important;
}

.mwod {
  color: white !important;
  background-color: #a52750 !important;
}

.mdow {
  color: #a52750 !important;
  background-color: white !important;
}

.quint {
  font-family: "Quintessential-Regular", sans-serif !important;
}

.segoe {
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-weight: 400;
  margin: 10px 0;
}

h1 {
  font-family: "Quintessential-Regular", sans-serif !important;
  font-size: 250%;
  line-height: 0.9;
}

h2 {
  font-size: 150%;
  font-style: italic;
}

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

.left-text {
  padding-right: 1em;
}

.right-text {
  padding-left: 1em;
}

.captionText {
  font-family: "Segoe UI", Arial, sans-serif !important;
  font-style: italic;
}

.hand:hover {
  cursor: pointer;
  color: #dddddd !important;
}

.indent {
  padding-left: 1em;
}

.thumb {
  width: 85px;
}

.descr {
  width: calc(100% - 85px);
}/*# sourceMappingURL=alain.css.map */