body {
  font-family: monospace;
}

h1 {
	text-transform: uppercase;
}

h2 {
	font-size: 1.1em;
	color: #aaa;
}

h2:before {
	content: "[";
}
h2:after {
	content: "]";
}

a {
	display: inline-block;
	background-color: #0437f2;
	color: #fff;
	padding: 2px 6px;
	margin: 2px;
	border-radius: 4px;
	text-decoration: none;
}

.container {
  max-width: 800px;
  margin: auto;
}

section {
  margin-top: 4em;
	background-color: #fcfcfc;
	box-shadow: #f3f3f3 2px 2px;
	border-radius: 8px;
	padding: 1em 2em;

	h3 {
		margin-bottom: 2em;
		text-transform: uppercase;
	}
}

article {
  margin-top: 4em;
	background-color: #fcfcfc;
	box-shadow: #f3f3f3 2px 2px;
	padding: 1em 2em;
}