@font-face { font-family:'IBM Plex Mono'; src:url(/fonts/VictorMono-Medium.woff2) format('woff2') }
@font-face { font-family:'IBM Plex Mono Italic'; src:url(/fonts/VictorMono-MediumItalic.woff2) format('woff2');  }

body, p, .rich-formatting {
  font-family: 'IBM Plex Mono', monospace;
}
em, .h-card, .display-name__account {
  font-family: 'IBM Plex Mono Italic', monospace;
}
.h-card a {
  color: #f08;
}

/* ensure that the monospace parts stand out from the other monospace bits */
code, pre {
  color: #0f0;
}

/* full black background */
body, .drawer__inner {
  background: #000;
}

/* make sure confirmation looks serious */
.confirmation-modal__container {
  color: #f00;
}

/* tone down the compose box */
.compose-form__autosuggest-wrapper label .autosuggest-textarea__textarea {
  color:#fff;
  background:#222;
}
.composer--options-wrapper { background:#333; }
.icon-button.inverted { color:#f08; }

/* Make the compose side bar solid black */
.mbstobon-0 .drawer__inner__mastodon { background:#000 }
.mbstobon-1 .drawer__inner__mastodon { background:#000 }
.mbstobon-2 .drawer__inner__mastodon { background:#000 }
.mbstobon-3 .drawer__inner__mastodon { background:#000 }