body {
background-color: white;

}

.header-box {
display: flex;
flex-direction: column;
align-items: center;

}

.header-links {
display: inline-block;
background-color: #2a5ead;
width: 1290px;
padding: 5px;



}

.header-links span {
display: inline-block;
margin-left: 20px;
margin-right: 20px;
}

.header-links a {
font-family: Tahoma;
color: white;
text-decoration: none;
font-weight: bold;
font-style: italic;

}


.main-box {

display: flex;
flex-direction: column;
align-items: center;

}


.chat-bg {

display: flex;
flex-direction: column;
width: 1300px;
height: 550px;
background-color: #d9dade;
margin-top: 5px;


}


.message-container {
display: flex;
flex-direction: column;
align-items: center;
 width: 700px;
height: 600px;
background-color: white; 
margin: 20px;
  
  
}

  
#type {
  
display: flex;
flex-direction: column;
align-items: center; 
width: 680px;  
height: 100px;
margin-top: 400px; 
padding: 5px;
  
}