:root {
	--bg-color: white;
	--text-color: black;
	--side-color: white;
	--center-color: lightgreen;
}

html, body {
	margin: 0;
}

.main {
	/* display: flex;
	flex-direction: row; */
	height: 100vh;
}

.side-banner {
	border: solid red;
	max-width: 25%;
	height: 100vh;
	position: fixed;
}

.side-banner img {
	/* margin: 10px; */
	display: block;
	margin: 20px auto;
}

.side-banner h1 {
	text-align: center;
}

.side-banner p {
	text-align: center;
}

.test {
	width: 25%;
}

.side-banner footer {
	position: absolute;
	/* text-align: initial; */
	bottom: 0;
	/* top: 0; */
	left: 0;
	right: 0;
	display: block;
	margin: auto auto;
	/* left: 50%; */
}

.center-banner {
	max-width: 75%;
	position: relative;
	left: 25%;
}

.tmp {
	
	border: solid red;
	margin: 0 12%;
	/* min-width: 50%; */
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: var(--center-color);
}

/* .tmp {
	height: 300vh;
} */

.post {
	margin: 25px auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}

img {
	max-width: 80%;
	height: auto;
}