.avatar {
  background-image: url(src/assets/avatar.png);
  background-size: cover;
}

.character {
  font-size: 16px;
  font-weight: bold;
}

.header {
  margin-bottom: -8px;
  width: 100%;
}

/* this class is wrapped around header text by angular */
/deep/ .mat-card-header-text {
  width: 100%;
}

.messages {
  /* margin-left: 4px; */
}

.timestamp {
  color: #888888;
  float: right;
  font-weight: normal;
  font-size: 14px;
}

.user {
  font-size: 14px;
}