p {
			white-space: pre-wrap; 
			word-wrap:break-word;
		}

		.post {
			background-color:#ecebed;
			width: 86.62%;
			height: 58.90%;
			margin-top:4%;
			font-family: "sans serif", "Verdana";
			
			border-left: 20px #28898f solid;
			border-radius: 20px;
			padding-left:2.58%;
			padding-right:2.58%;
			padding-top:4.87%;
			padding-bottom:4.87%;
			margin-right:3.7%;
			overflow-y:scroll;
			overflow-x:scroll;
		}

		.post p {
			font-size:15px;
			color:black;
		}

		.post h3 {
			color:black;
		}


		.post h4 {
			color: #cfa329;
		}

		.post h5 {
			color: #4f53c9;
		}

		.emotion_row {
			display: flex;
		}

		.emotion_tag p {
			color: #e0af26;
			margin-right: 1.65%;
			padding:0.5%;
			
			border: 2px black dashed;
			font-family:"sans serif", "Verdana";
			font-size: 15px;
		}

		.author {
			border-bottom: 2px black solid;
		}

		.comments {
			float:right;
			margin-right:3%;
			margin-bottom:5%;
		}

		.form textarea {
			width: 505px;
			height: 60px;
			border-radius: 25px;
			border-color:grey;
			color: black;
			margin-right:20px;
			font-size:15px;
			overflow-y:scroll;
			padding-top:20px;
			padding-bottom:20px;
			padding-left:12px;
			padding-right:12px;
			font-family: "sans serif", "Verdana";
			background-color: #ecebed;

		}

		.form textarea:focus {
			outline:none;
		}

		.comments button {
			width: 100px;
			border-radius: 25px;
			font-family: "sans serif", "Verdana";
			font-size:14px;
			background-color:#ecebed;
			margin-right:4px;
		}


		.approve_buttons {
			width: 400px;
			height:80px;
			border-radius: 25px;
			border-left: 4px #ecebed solid;
			border-right: 4px #ecebed solid;
			border-top: 4px #ecebed solid;
			border-bottom: 4px #ecebed solid;
			font-family: "sans serif", "Verdana";
			font-size:20px;
			background-color:#ecebed;
			float:right;
			margin-right:450px;
			color: black;
			margin-bottom:10px;
		}


		.comments button:hover {
			border-color:#ecebed;
		}

		.comment {
			border-left: 20px #9e5f61 solid;
			border-radius: 20px;

			background-color:#ecebed;
			width: 600px;
			height: 130px;
			margin-top:30px;
			font-family: "sans serif", "Verdana";
			font-size:15px;
			padding-left:18px;
			padding-right:18px;
			padding-top:20px;
			padding-bottom:20px;
			margin-right:30px;
			overflow-y:scroll;
		}

		.unapproved_comment {
			
			margin-top:30px;
			font-family: "sans serif", "Verdana";
			font-size:15px;
			margin-right:30px;
		}

		.unapproved_content {
			overflow-y:scroll;
			border-left: 20px #9e5f61 solid;
			border-radius: 20px;

			background-color:#ecebed;
			width: 490px;
			height: 130px;
			padding-left:18px;
			padding-right:18px;
			padding-top:20px;
			padding-bottom:20px;
			margin-right:10px;
		}


		.form {
			display: flex;
		}

		.flashed_messages {
			border-radius:20px;
			background-color:#ecebed;
			width: 700px;
			height: 50px;
			border-left: 20px #9e5f61 solid;
			font-family: "sans serif", "Verdana";
			font-size:15px;
			padding-left:18px;
			padding-right:18px;
			padding-top:6px;
		}

		.edit_button {
			float:right;
			display:flex;
		}

		.edit_button button {
			font-family: "sans serif", "Verdana";
			border-radius: 20px;
			width:120px;
			height:50px;
			font-size:14px;
			color:#4f53c9;
			border-color:2px black solid;
			margin-left:10px;
		}

		.edit_button button:hover {
			border:#0f0f0f;
		}

		.emotion_tag_mobile {
			display:none;
		}

		.mobile-form {
			display:none;
		}


		@media only screen and (max-width: 1083px) {

			.emotion_tag {
				display: none;
			}

			.emotion_tag_mobile {
				display: inline;
			}

			.emotion_tag_mobile p {
				color: #e0af26;
				margin-right: 1.65%;
				padding:0.5%;
				width:85%;
				border: 2px black dashed;
				font-family:"sans serif", "Verdana";
				font-size: 80%;
				text-align:center;
			}

			.form {
				display:none;
			}

			.mobile-form {
				display:inline;
				float:right;
			}

			.mobile-form textarea {
				width: 86.62%;
				height: 60px;
				border-radius: 25px;
				border-color:grey;
				color: black;
				font-size:15px;
				overflow-y:scroll;
				padding:5%;
				font-family: "sans serif", "Verdana";
				background-color: #ecebed;

			}

			.mobile-form textarea:focus {
				outline:none;
			}

			.mobile-form button {
				max-width: 40%;
				padding:2%;
				height: 30%;
				border-radius: 20px;
				font-family: "sans serif", "Verdana";
				font-size:100%;
				background-color:#ecebed;
				float:right;
				margin-right:14%;
				color:#4f53c9;
				margin-bottom:10%;
			}

			.comments {
				float:none;
				margin-right:0%;
			}

			.flashed_messages {
				width: 86.62%;
				font-size:12px;
				height:64px;
			}

			.comment {
				border-left: 20px #9e5f61 solid;
				border-radius: 20px;

				background-color:#ecebed;
				width: 86.62%;
				height: 140px;
				margin-top:4%;
				font-family: "sans serif", "Verdana";
				font-size:15px;
				padding:2%;
				margin-right:0px;
				overflow-y:scroll;
			}

			.unapproved_comment {
				width: 86.62%;
			}

			#approve_button {
				margin-right:44%;

				width: 55%;
				height:80px;
				border-radius: 20px;

				font-size:100%;
				background-color:#ecebed;

			}

			.unapproved_content {
				width:86%;
			}

			.edit_button button {
				
				width:80%;
				height:100%;
				font-size:64%;
				margin-left:1%;
				border-radius: 10px;
				margin-bottom:8%;
				border-radius:10px;
			}

			.edit_button {
				margin-left:10%;
				margin-bottom:14%;
			}
			

		}