.chat{
	box-shadow: 4px 4px 4px gray;
	width: 400px;
}

.main{
	display: flex;
}

.backButton{
	border: 3px solid gray;
	background-color: darkred;
	color:white;
	font-size: 20px;
	border-radius: 40px;
	transition: 0.2s;
	padding: 5px;
	box-shadow: 2px 2px 2px darkgray;
}

.backButton:hover{
	border:6px solid lightgray;
	background-color: red;
	color: white;
	font-size: 25px;
	cursor: pointer;
	transition: 0.2s;
}

.backButton:active{
	box-shadow: 0px 0px 0px darkgray;
}

.header{
	color: white;
	border: 4px inset white; 
	width: 400px; padding: 4px; 
	margin-top: 5px;
}

@media screen and (max-width: 518px){
	.backButton{
		display: block;
		margin-bottom: 10px;
	}

	.main{
		display: inline;
	}

	@media screen and (max-width: 438px) {
		.header{
			width: 100%;
			margin-left: -7px;
		}
	}
}