.header{
	width: 100%;
	height: 75px;
	display: flex;
	border-bottom: 1px solid black;
	/*background-color: #7546D7;*/
}


.header img {
	margin: 10px;
	margin-left: 50px;
	height: auto;
	border: 1px solid black;
	border-radius: 100%;
}

.header ul{
	margin-right: 10px;
	display: flex;
}

.header ul li{
	margin: 10px;
	margin-top: 20px;
	margin-left: 20px;
}

.header a{
	color: #006064;
	transition: 0.2s;
}

.header a:hover{
	color: #270672;
}

.header .menu{
	display: none;
}

.close_menu{
	display: none;
}

.text_post img{
	width: 100%;
}

.post{
	padding: 10px;
	border: 1px solid black;
	border-radius: 10px;
}

.post .text_post{
	white-space: pre-wrap;
}

@media (max-width: 768px){
	.header{
		width: auto;
		height: 70px;
	}
	.header img{
		margin: 5px;
		height: auto;
	}
	.header ul{
		display: none;    
	}

	.header ul.show{
		display: block;
	}

	.header ul.show{
		position: fixed;
		width: 100%;
		height: max-content;
		
		text-align: center;
		background-color: white;

	}
	.header .close_menu{
		display: block;
		border: none;
		font-size: 20px;
		background-color: unset;
	}

	.header .menu.hidden{
		display: none;
	}
	.header .menu{
		width: 70px;
		height: auto;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-right: 10px;
		display: block;
	}
}