body {
	text-align: left;
}
* {
	font-family: sans-serif;
}

a {
	color:blue;
	text-decoration:underline;
	cursor: pointer;
}

pre {
	background: #bfbfbf;
	width: 80%;
	padding: 20px;
	border-radius: 10px;
	margin: auto;
	font-family: monospace;
}

code {
	color: gray;
}

note {
	border-bottom: 1px dotted black;
}

footer {
	font-style: italic;
	padding-top: 20px;
	padding-bottom: 20px;
}

.articleContent {
	text-align: justify;
	line-height: 30px;
	margin-left: 20%;
	margin-right: 20%;
	font-size: 16px;
}
@media (max-width: 1000px) {

	.articleContent { 
		margin-left: 5%;
		margin-right: 5%;
	}
}

.headerArea{
	text-align: center;
	padding: 50px;
}