.container{
		display: grid;
		grid-template-areas:
			"header"
			"content"
			"footer";
		gap: 10px;
		margin: 10px;
		grid-template-rows: auto 1fr auto;
		min-height: calc(100vh - 20px); 
	}
	 
	body{
		background-color:#1f7041;
		font-family: Arial;
	}
	
	header{
		grid-area: header;
		text-align:left;
		background-color:#155c34;
		display:flex;
		padding:20px;
	}
	
	header img{
		height: 80px;
		margin-right: 20px;
	}
	
	main {
		grid-area: content;
		display: grid;
		grid-template-columns: 2fr 1fr;
		background-color:#c9d9bf;
	}
	
	.left{
		display: flex;
		flex-direction: column;
		padding: 20px;
		min-height: 0; 	
	}
	
	.right{
		grid-column: 2;
		text-align:center;
		padding:20px;
		border-left: 2px solid #155c34;
	}
	
	footer{
		grid-area: footer;
		background-color: #155c34;
        color: white;
        text-align: center;
		height: 50px;
	}
	
	p{
		font-size:20px;
	}
	.error{
		color:red;
	}
	a {
		color: #155c34;
		text-decoration: none;
		padding: 5px 10px;
		border-radius: 5px;
	}
	a:hover {
		background-color: #155c34;
		color: white;
	}
	.pagination {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 10px;
	}
	h3{
		 #155c34
	}
	.posts-container {
		flex: 1;         
		overflow-y: auto;
		min-height: 0;
}