main {
	grid-area: content;
	padding: 2vh 2vw 8vh 2vw;
	width: 100vw;
}

main > h1 {
	margin-bottom: 1.5rem;
}

main h1 a {
	all: unset;
	cursor: pointer;
	color: green;
}

main .system-message {
	background-color: #CCE5FF;
	border: 1px solid #0066CC;
	padding: 0.5vh 0.5vw;
	margin-bottom: 1vh;
	transition: 1s;
}

main .page-image {
	float: left;
	height: 20rem;
	width: auto;
	margin: 0.5rem 1rem 0 0;
	border-radius: 10px;
}

main a.button {
	background-color: #005500; 
	color: white;
}

main a.button:hover {
	background-color: #004400;
}

@media screen and (width < 1150px) {
	main
	{
		padding: 2vh 2.5vw 8vh 2.5vw;
	}

	main > h1 {
		text-align: center;
	}
}