@charset "utf-8";
/* CSS Document */

section {
	max-width: 1000px; 
	display: flex;
	flex-flow: column;
	align-items: center;
	margin: auto;
}
h1,p {
	width: 100%;
	text-align: center;
	margin: 1rem 0;
}
h1 {
	font-size: 2rem;
	font-weight: bold;
	color: #007260;
}
img {
	width: 500px;
	height: auto;
	margin: 2rem 0;
}
a {
	color: #007260;
}
a:hover {
	filter: brightness(1.8);
}
.main {
	border: solid 1px #007260;
	border-radius: 10px;
}

@media (max-width: 600px) {
	article {
		padding: 0 1vw;
	}
	img {
		width: 300px;
		height: auto;
	}
	p { text-align: left; }
	.main { padding: 1rem; }
}