/*animations*/
@keyframes scrollBG {
    from { background-position: 0 100%; }
    to { background-position: 100% 100%; }
}
@-webkit-keyframes scrollBG {
    from { background-position: 0 100%; }
    to { background-position: 100% 100%; }
}
@-ms-keyframes scrollBG {
    from { background-position: 0 100%; }
    to { background-position: 100% 100%; }
}
@-moz-keyframes scrollBG {
    from { background-position: 0 100%; }
    to { background-position: 100% 100%; }
}

/*fonts*/

@font-face {
font-family: 'moon_flowerregular';
src: url('fonts/moon_flower-webfont.eot');
src: url('fonts/moon_flower-webfont.eot?#iefix') format('embedded-opentype'),
     url('fonts/moon_flower-webfont.woff') format('woff'),
     url('fonts/moon_flower-webfont.ttf') format('truetype'),
     url('fonts/moon_flower-webfont.svg#moon_flowerregular') format('svg');
font-weight: normal;
font-style: normal;

}

/*Styles*/
html
{
	padding:  0;
	margin:  0;
}


body
{
	padding:  0;
	margin:  0;
	font-family: Raleway;
	font-size: 1.2em;
	background-color: #eeeeee;
}
	
	
}

h1
{
	text-align: center;
	color: orange;
}

a
{
	color: orange;
	text-decoration: none;
}

#profile
{
	position: relative;
	left:  50%;
	margin-left:  -150px;
	border-radius: 100%;
	width:  300px;
	height: 300px;
	overflow: hidden;
	border: 10px solid orange;
	background: url(profile.jpg) no-repeat;
	box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	box-sizing: border-box;
	background-position: center;
}

#intro
{

	padding:  10px;
	background-color: #fff;
	border-bottom: 30px solid orange;
	border-radius: 0px 0px 30px 30px;
	position: relative;
	left:  50%;
	margin-left:  -30%;
	width:  60%;
	box-shadow: 0 0 8px rgba(0, 0, 0, .8);
	box-sizing: border-box;
}