@font-face {
  font-family: "LiberationMono";
  src: url("/assets/fonts/LiberationMono-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "LiberationMono";
  src: url("/assets/fonts/LiberationMono-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "LiberationMono";
  src: url("/assets/fonts/LiberationMono-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "LiberationMono";
  src: url("/assets/fonts/LiberationMono-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "TlwgTypewriter";
  src: url("/assets/fonts/TlwgTypewriter.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TlwgTypewriter";
  src: url("/assets/fonts/TlwgTypewriter-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TlwgTypewriter";
  src: url("/assets/fonts/TlwgTypewriter-Oblique.ttf") format("truetype");
  font-weight: normal;
  font-style: oblique;
  font-display: swap;
}
@font-face {
  font-family: "TlwgTypewriter";
  src: url("/assets/fonts/TlwgTypewriter-BoldOblique.ttf") format("truetype");
  font-weight: bold;
  font-style: oblique;
  font-display: swap;
}
@font-face {
  font-family: "BIZUDGothic";
  src: url("/assets/fonts/BIZUDGothic-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "BIZUDGothic";
  src: url("/assets/fonts/BIZUDGothic-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
body {
  background-color: #002b36;
  color: #839496;
  font-family: "LiberationMono", "TlwgTypewriter", "BIZUDGothic", monospace;
}

img {
  max-width: 100%;
  height: auto;
}

#header {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  padding: 1em;
  padding-top: 0;
}

#container {
  max-width: 960px;
  min-height: 400px;
  margin-left: auto;
  margin-right: auto;
  padding: 1em;
  background-color: #073642;
}

#bulletin {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.bulletin-list:not(:last-child) {
  margin-bottom: 4em;
}

#footer {
  max-width: 960px;
  min-height: 50px;
  margin-left: auto;
  margin-right: auto;
  padding: 1em;
  background-color: #073642;
}

.nav {
  font-weight: bold;
  color: #268bd2;
}

.emoji {
  height: 1.25em;
  width: auto;
  vertical-align: middle;
  margin-left: 0.25em;
  margin-right: 0.25em;
}

.bottom-left-cell {
  position: relative;
  vertical-align: bottom;
  text-align: left;
  min-width: 74px;
}

.bottom-right-cell {
  position: relative;
  vertical-align: bottom;
  text-align: right;
}

.colour-blue {
  color: #268bd2;
}

.colour-magenta {
  color: #d33682;
}

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