@import url(http://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic);

html {
	height: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
	background-color: #fcfcfc;
}

body {
	background-color: #ffffff;
	min-height: 100%;
	max-width: 30em;
	text-align: center;
	font-family: 'Lato', sans-serif;
	margin: 0 auto;
	padding: 0;
	border-left: 1px solid gainsboro;
	border-right: 1px solid gainsboro;
}

section {
	/*border: 1px solid black;*/
	padding: 1em 5em;
	margin: auto;
	display: inline-block;
}

h1 {
	-webkit-animation: fromTheTop 1s;
	animation: fromTheTop 1s;
	position: relative;
	font-family: 'Lato', sans-serif;
	font-size: 2em;
}

p {
	-webkit-animation: fromTheTop 1.2s;
	animation: fromTheTop 1.2s;
	position: relative;
	/*font-size: 2em;*/
}

#profiles {
	-webkit-animation: fromTheTop 1.5s;
	animation: fromTheTop 1.5s;
	position: relative;
	border-top: 1px solid gainsboro;
	border-bottom: 1px solid gainsboro;
	padding: 1em 0;
}

section section {
	-webkit-animation: fromTheTop 1.7s;
	animation: fromTheTop 1.7s;
	position: relative;
}

@-webkit-keyframes fromTheTop {
	0% { top: -1000px; }
	50% { top: 50px; }
	75% { top: -10px ;}
	100% { top: 0px; }
}

@keyframes fromTheTop {
    0% { top: -10000px; }
	100% { top: 0px; }
}

/*#profiles {
	position: relative;
	-webkit-animation: profileAnimation 2s;
	animation: profileAnimation 2s;
}

@-webkit-keyframes profileAnimation {
	0% { bottom: -10000px; }
	100% { bottom: 0px; }
}

@keyframes profileAnimation {
    0% { top: -100px; }
	100% { top: 0px; }
}*/

#profiles li {
	display: inline-block;
	margin: 0 .5em;

}

#profiles li.Facebook a {
	content: url(images/facebook.png);
}

#profiles li.LinkedIn a {
	content: url(images/linkedIn.png);
}