style.css

.logo{
    display:block;
    margin:auto;
    width:50px;
    height:50px;
}

.container{
   
    max-width:955px;
    border:2.4px solid black ;
    height:60vh;
    padding:33px;
    overflow-y:auto;
    margin:auto;
    height:60vh;
    margin-bottom:23px;
    margin-top:20px;


}

h1{
    text-decoration:underline;
    color:white;
}
.st{
    
    display:block;
    margin:auto;
    width:fit-content;
    border:2px solid red;
    padding:2px;
}
.message{
    
    background-color: grey;
    width:24%;
    padding:10px;
    margin:17px 2px;
    border:2px solid black;
    border-radius:10px;
}
.left{
    float:left;
    clear:both;

}
.right{
    float:right;
    clear:both;
}
#send-container{
    display:block;
    margin:auto;
    text-align:center;
}
#messageInp{
    width:60%;
    border:2px solid black;
    border-radius:6px;
    height:34px;

}

body{
    height:100vh;
    background-image: linear-gradient(rgb(92,100,221),rgb(109,39,239));

}
.btn{
    cursor:pointer;
    border:2px solid black;
    border-radius:6px;
    height:34px;
    padding:2px;
}