Chat/src/App.scss

*{
	box-sizing: border-box;
}

.App {
  
  text-align: center;
  font-family: 'Poppins', sans-serif;
  color: #e2e2e2;
	.RegisterPage{
		height: 100vh;
		display: flex;
		align-items: center;
	}
	// background-color: #a1a1a1;
	.Form{
		max-width: 400px;
		margin: 0 auto;
    	padding: 20px;
	}
	
	
}

// .color{
// 	background-color: rgb(138, 150, 95);
// }

.MainChatModal{
	// position: absolute;
	// top: 50%;
	// left: 50%;
	// transform: translate(-50%, -50%);
	// min-height: 10px;
	// width: 350px;
	// background-color: rgb(252, 252, 252);
	// border-radius: 10px;
	padding: 10px;

	&>div:nth-child(1){
		display: flex;
		justify-content: space-between;
		margin: 20px 10px 10px;
	}
	&>div:nth-child(2){
		display: flex;
		justify-content: end;
	}
}

.ModalBox{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	min-height: 50px;
	width: 350px;
	background-color: rgb(255, 255, 255);
	border-radius: 10px;
	
	// padding: 10px;
}


// .Message{
// 	// display: inline;
// 	width: 200px;
// 	padding: 10px;
// 	background-color: beige;
// 	color: #000;
// 	margin: 20px 0;
// }