#single-message {
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  .slide {
    position: absolute;
    width: 80%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid rgba(255, 255, 255, 0.3);
  }
  .slide {
    background-color: rgba(255, 255, 255, .7);
    backdrop-filter: blur(10px);
  }
  .slide .box-top .text {
    min-height: 150px;
    display: grid;
    place-items: center left;
  }
  .slide .box-top {
    padding: 25px 75px 50px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
  }
  .slide .box-top .author {
    font-weight: bold;
    margin-bottom: 25px;
  }
}