table{/* This is for the table in the chatroom */
    border: 1px solid black;
    width:80%;
    margin:auto;
}

th:first-child {  /* This is for the first header in the table */
    width:10%;
    background-color: #eeeeee;
}
  
th:nth-child(2) { /* This is for the second header in the table */
    width:90%;
    text-align: left;
    padding-left: 3%;
}

td:first-child {  /* This is for the first column in the table */
    width:10%;
    background-color: #eeeeee;
    text-align: left;
    padding-left:20px;
}
  
td:nth-child(2) {  /* This is for the second column in the table */
    width:90%;
    text-align: left;
    padding-left: 3%;
}

.chatroomText{  /* This is for the Welcome and the textbox to enter a msg*/
    width:80%;
    margin:auto;
    text-align: left;
}