@import url('styles/reset.css');
@import url('styles/fonts.css');
@import url('styles/variables.css');
@import url('styles/overscroll.css');
@import url('styles/app-bar.css');
@import url('styles/app-layout.css');
@import url('styles/sidebar.css');
@import url('styles/active-conversation.css');
@import url('styles/messages.css');
@import url('styles/textarea.css');
@import url('styles/forms.css');
@import url('styles/toggles.css');
@import url('styles/swatches.css');
@import url('styles/invites.css');

body {
  background-color: var(--colour-active-conversation-bg);
  color: var(--dark-text);
  font-family: 'Roboto', sans-serif;
}

hr {
  width: 90%;
}

.no-active-conversation {
  display: table;
  height: 100%;
  width: 100%;
  text-align: center;
}

.vertical-aligner {
  display: table-cell;
  vertical-align: middle;
  font-style: italic;
}

/* Debugging */
/* * /
div {
  outline: 1px dashed grey;
  background-color: var(--colour-background);
  box-shadow: 5px 5px 5px var(--colour-border);
}
/* */