body, button, input, optgroup, select, textarea {
    font-family: BlinkMacSystemFont,-apple-system,"Open Sans",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    word-spacing: 1.5px;
    letter-spacing: 1.25px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: BlinkMacSystemFont,-apple-system,"Sofia Sans","Open Sans",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 800;
    word-spacing: normal;
    letter-spacing: normal;
}

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

.background {
  background-image: url('../img/bg.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;
}

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

.inner {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    width: 85%;
}


@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: 30px;
    width: 360px;
    max-width: 360px;
    z-index: 101;
  }
}