:root {
	--size: 150px;
	--primary: #a00;
}
* {
	font-family: 'Open Sans', 'Droid Sans', 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
}
body {
	border-top:10px solid var(--primary);
	background-color:#fafafa;
	margin:0;
	font-size:10pt;
	font-family: 'Open Sans', 'Droid Sans', 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, Sans-Serif;
}
a {
	text-decoration: none;
	color:var(--primary);
}
h1,h2,h3 {
	font-weight: 300;
	color:#333;
	margin:30px;
	margin-bottom: 5px;

}
h1 {
	margin-top:100px;
	font-size:30pt;
	text-align: center;

}
#container {
	max-width:900px;
	margin:auto;
	overflow: hidden;
	padding:30px;
	margin-top:60px;
}

.resume {
	text-align: left;
}
#footer {
	font-size:8pt;
	color:#777;
	text-align: center;
	margin-top:100px;
	margin-bottom:10px;
}
@keyframes fadein {
	0% { transform: translateY(-50px); opacity: 0;}
	100% { transform: translateY(0px); opacity: 1;}
}
.accounts {
	font-size: 2em;
	text-align: center;
	line-height: 200%;
	display: flex;
	flex-wrap: wrap;
	animation: fadein 1s ease-out;
}
.accounts a {
	margin: 20px;
	min-width: 10%;
	flex-grow: 1;
	transition: transform 250ms;
	color: #333;
}
.accounts a:hover {
	transform: scale(1.3);
}
.accounts i::before {
	display: block
}
.accounts i span {
	font-size: 0.5em;
	text-transform: uppercase
}

.avatar {

}

.about {
	max-width: 400px;
	margin:auto;
	margin-top: 50px;
	margin-bottom: 50px;
}