body{
	text-align: center;
	display: flex;
	flex-direction: column; /* Stack header, box1, and box2 vertically */
	align-items: center;    /* Center them horizontally */
	!gap: 1em;		/* Gap between items */
	margin: 0;
	padding: 2em;
	min-height: 100vh;
}


header{
	text-align: center
	flex:3; 
	min-width:300px;
	!border-radius:15px; 
	max-height:600px;
	overflow-y:auto;
	padding:1em;
	max-width: 800px;
}

.box1 {
	!flex:3; 
	min-width:300px;
	padding: 20px;
	!border-radius:15px; 
	!max-height:600px;
	!overflow-y:auto;
	!padding:1em;
	!max-width: 800px;
}

.box2 {
	text-align: center;
	max-width: 1400px;
	!padding: 1.5em;
}

.button {
	display: inline-block;
	padding: 5px 15px;
	margin: 5px;
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
	border: 2px solid;
	border-style: outset; 
	transition: transform 0.1s;
}

.button:active {
	border-style: inset;
	transform: translateY(2px);
}