.message-board {
  position: fixed;
  right: 2.0%;  /* Adjust based on journal width (400px) plus desired gap */
  top: 66%;
  width: 280px;
  height: 29%;
  /*background-color: #f0f0f0;*/
  background: #c2eaeb;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 1rem;
  box-shadow: 0 10px 10px #8b0303ce;
  color: #666;
}
.msgBox{
  position: absolute;
  top: 12%;
  left: 0%;
  width: 100%;
  height: 90%;
  border-radius: 10%;
  padding: 5%;
  color: rgb(238, 120, 30);
}
.msg{
  position: absolute;
  width: 70%;
  height: 70%;
  left: 0%;
  font-size: 74%;
  color: rgb(191, 118, 247);
  white-space: pre-line;    /* ensure \n registers as a line break */
  padding: 1rem;
}


.divider {
  position: absolute;
  top: -18%;
  left: 1.8%;
  width: 88%;
  height: 20px;
  /* background: #050404; */
      background: linear-gradient(
    to bottom,
    #03030300,
    #171717,
    #e8e7e7,
    #2e2e2e,
    #131212
  );
  /* margin: 1px 1px; */
}