@media screen and (max-width: 770px) {
  .container {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .left {
    width: 0;
    flex-basis: 100%;
    position: absolute;
    top: 50px;
    left: -100%;
    transition: 1s;
    transition-property:all;
    transition-delay:0.5s;
    transition-timing-function:ease;
  }

  .chat {
    width: 100%;
    flex-basis: 100%;
    padding-left: 10px;
    transition: 1s;
    transition-property:all;
    transition-delay:0.5s;
    transition-timing-function:ease;
  }
  .main{
   padding-left:10px;
   margin:5px;
  }
}