@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap');
body{
	background: #EEEEEE;
	font-family: 'Roboto', sans-serif;
}

.card
{
    border-radius: 15px;
    height:700px;
}

.adiv{
	background: #dc3545;
	border-radius: 15px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	font-size: 18px;
	height: 46px;
}
.chat{
	border: none;
	background: transparent;
	font-size: 15px;
	border-radius: 20px;
	width:50%;
	word-wrap:break-word;
	color:black;
	text-align:left;
}
.chat2{
    background: transparent;
	font-size: 15px;
	border-radius: 20px;
	width:50%;
	word-wrap:break-word;
	color:black;
	text-align:right;
	
}
.uname
{
    font-weight:600;
}


.form-control{
	border-radius: 12px;
	border: 3px solid #dbd7d7;
	font-size: 15px;
}
.form-control:focus{
	box-shadow: none;
	}
	
.form-control::placeholder{
	font-size: 15px;
	color: #C4C4C4;
}
.send ,.quit {
    text-align:center;
    font-size:15px;
    height:50px;
    background:#dc3545;
    border:2px solid #fff;
    border-radius:20px;
    color:#fff;
    cursor:pointer;
}

.cover
{
    height:600px;
     overflow-y:scroll;
}