body {
  font-family: Arial, sans-serif;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  margin: 0;
	    background: var(--bs-dark);
	    overflow-x: hidden;
}
body.active-chat{
	    justify-content: flex-end;
	  height: calc(100vh - 40px);
}
.chat-message {
}
.chat-message:nth-child(odd){
	background: var(--bs-gray-600);
}
.chat-message:nth-child(even){
	background: var(--bs-gray-500);
}
.chat-message.joined{
	background: var(--bs-green);
}
.chat-message.left{
	background: var(--bs-red);
}
.timestamp {
  color: var(--bs-gray-900);
  font-size: 12px;
}
.username {
  font-weight: bold;
}
.message {
  color: var(--bs-gray-900);
}
.hidden{
  display: none !important;	
}
#chat-form-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 10px;
}
#chat-form, #messages {
width:100%;
}


#chat-form {
	    position: fixed;
    bottom: 0;
}
#messages {
    overflow-y: scroll;	
	overflow-x: hidden;
}
#video-container {
  margin-top: 10px;
}
#users .own-username:first-child{display:none;}