.chat-layout {
  display: flex;
  height: 100vh;
  background-color: #111;
}

.sidebar {
  width: 18rem;
  border-right: 1px solid #333;
}

.main-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.projector {
  height: 30%;
  border-bottom: 1px solid #333;
}

.chat-area {
  flex: 1;
}