#content {
	display: flex;
	justify-content: center;
}


#demo {
	width: 300px;
	height: 700px;
	padding: 10px;
	background: thistle;
	border: 1px solid black;
}


#srchstr {
	width: 70%;
	box-sizing: border-box;
	border: 2px solid #ccc;
	border-radius: 4px;
	font-size: 16px;
	background-color: white;
	padding: 5px;
}
/*
	transition: width 0.4s ease-in-out;
	background-position: 10px 10px; 
	background-image: url('searchicon.png');
	background-repeat: no-repeat;
*/


/*
#demo input[type=text]:focus {
	width: 76%;
}
*/


#info {
	width: 600px;
	height: 700px;
	padding: 10px;
	background: lightblue;
	border: 1px solid black;
}
/*
	margin-left: 25px;
*/


/*
#demo textarea {
*/
#subjtxt {
	width: 73%;
	height: 200px;
	padding: 33px;
	margin: 5px;
	font-size: 16px;
	resize: none;
	background-color: #f8f8f8;
	border-radius: 4px;
	border: 2px solid #ccc;
}
/*
	box-sizing: border-box;
*/