html,
body {
	height: 100%;
	margin: 0;
	padding: 0;
}

.layout {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	margin: 0;
	padding: 0;
}

#main {
	flex: 1; /* Takes up remaining space */
	overflow-y: auto; /* Scroll inside body if content overflows */
}