body, button, input, optgroup, select, textarea {
    font-family: BlinkMacSystemFont,-apple-system,"Biryani",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  
}

h1, h2, h3, h4, h5, h6,
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6, .title {
  font-weight: 800;
}

article a {
  font-weight: 500;
  text-decoration: underline;
}

.background {
  background-image: url('../img/background.jpg');
  background-size: cover;
  background-position: center;
}

.box {
  box-shadow: none;
  border: 1px solid #999;
}

.chatbox {
  display: flex;
  height: 75vh;
  flex-direction: column;
  justify-content: space-between;
}

#messages {
  overflow-x: auto;
  flex-grow: 1;
}

.mce-toc {
  max-height: 300px;
  overflow: auto;
  background-color: whitesmoke;
  padding: 1.25rem;
  margin-bottom: 1.25rem;
}

.is-256x256 {
  max-height: 256px;
  max-width: 256px;
}

@media screen and (min-width: 1024px) {
  #chat-sidebar {
    position: fixed;
    top: 64px;
    bottom: 0;
    left: 0;
    z-index: 32;
  }
  #chat-messages {
    position: fixed;
    top: 64px;
    bottom: 0;
    right: 0;
    z-index: 32;
  }
  .stuck {
    position: fixed;
    top: 80px;
    width: 360px;
    max-width: 360px;
    z-index: 101;
  }
}