.hyperscroll {
  width: 100%;
}

.hyperscroll > .content {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
}

.message {
  display: block;
  margin-top: .25em;
  margin-bottom: .25em;
}

.timestamp {
  float: right;
}

.avatar--small img {
  vertical-align: top;
  width: 2.5em;
  height: 2.5em;
}

pre {
  width: 100%;
  display: block;
}

code {
  display: inline-block;
  vertical-align: bottom;
}

code, pre {
overflow: auto;
word-break: break-all;
word-wrap: break-word;
white-space: pre;
white-space: -moz-pre-wrap;
white-space: pre-wrap;
white-space: pre\9;
}