body {
	margin: 0;
	color: #111;
	background: #fff;
	font-family: serif;
}

.header {
	position: relative;
	padding: 24px 16px;
	text-align: center;
	color: #ffffff;
	background: linear-gradient(rgba(0, 95, 45, 0.32), rgba(0, 95, 45, 0.32)), url("sekolah-sahabat-ilmu.jpg") center / cover no-repeat;
	min-height: 300px;
}

.header h1 {
	margin-top: 0;
}

.motto {
	font-style: italic;
}

.navbar {
	padding: 12px 16px;
	text-align: center;
	background: #f0f0f0;
}

.navbar a {
	color: #0000ee;
}

main,
footer {
	padding: 0 16px;
}

section {
	margin: 28px 0;
}

table {
	border-collapse: collapse;
}

th,
td {
	padding: 6px 10px;
}

footer {
	margin-top: 32px;
	padding-top: 12px;
	padding-bottom: 12px;
	background: #eeeeee;
}