body {
	font-family: Arial, Helvetica, sans-serif;
	background: #fcfcfc;
}
header{
	text-align:center;
}
h1 {
	text-align:center;
	font-size: 62px;
	color:#444444;
	margin:0;
	padding:10px 40px 0px 40px;
}
h2 {
	font-size:16px;
	text-align: center;
	color:rgb(109, 109, 109);
	font-weight: normal;
	margin:30px 25px 7px 25px;
}
hr {
	width:40%;
	padding:0px;
	margin:0 auto;
}
footer {
	text-align: center;
	font-size: 14px;
	margin-bottom:10px;
}
footer a {
	display: inline-block;
	margin-top:50px;
}
a:link {
	color:#0f0f0f;
	text-decoration: none;
}
a:visited {
	color:#0f0f0f;
}
a:hover {
	color:#0f0f0f;
	text-decoration: underline;
}
ul {
	list-style: none;
	margin:50px 0 0 0;
	padding:0;
	text-align: center;
}
li {
	display: inline-block;
	position: relative;
	margin:0 10px 10px 0;
}
li:nth-child(odd) {
	top:20px;
}
li:nth-child(even) {
	top:-20px;
}
.social span {
	display:none;
}
.social {
	width:128px;
	height:128px;
	display:inline-block;
}
/* https://www.iconfinder.com/iconsets/black-white-social-media */
#linkedin {
	background: url("linkedin.png") no-repeat;
}
#github {
	background: url("github.png") no-repeat;
}
#medium {
	background: url("medium.png") no-repeat;
}
#writeas {
	background: url("writeas.png") no-repeat;
}
#twitter {
	background: url("twitter.png") no-repeat;
}
#lattes {
	background: url("lattes.png") no-repeat;
}
#avatar {
	width: 150px;
	height: 150px;
	border-radius: 100%;
	margin:20px 10px 0px 10px;
}