@-webkit-keyframes movex{
	0%   {left:116px; top:0px;}
	100% {left:289px; top:0px;}
	animation-fill-mode: forwards;
	animation-timing-function: linear;
}
@keyframes movex{
	0%   {left:116px; top:0px;}
	100% {left:289px; top:0px;}
	animation-fill-mode: forwards;
	animation-timing-function: linear;
}
@-webkit-keyframes movemiux{
	0%   {left:0px; top:0px;}
	100% {left:-116px; top:0px;}
	animation-fill-mode: forwards;
	animation-timing-function: linear;
}
@keyframes movemiux{
	0%   {left:0px; top:0px;}
	100% {left:-116px; top:0px;}
	animation-timing-function: linear;
}

body{
	font-family: 'Montserrat', sans-serif;
	background:#f0fff0;
}
.content{
	margin: auto;
	width:100%;
	
}
.content h1{
	color:#FF5733;
}
.center{
	color:#FF5733;
	position: absolute;
	top:35%;
	bottom: 50%;
	left: 27%;
	right: 19%;
	margin: auto;
}
.center span{
	font-size:9em;
}
#init{
	background: #f0fff0;
	position:absolute;
	left:116px;	
}
#init{
	animation-name: movex;
    animation-duration: 10s;
	animation-fill-mode: forwards;
}
#name{
	position:relative;
	animation-name: movemiux;
    animation-duration: 10s;
	animation-fill-mode: forwards;
}
footer {
    position: absolute;
    bottom: 10px;
	width:97%;
}
footer div a,.social div a{
    color:#483D8B;
	text-decoration:none;
}
.fleft{
	float:left;
}
.fright{
	margin-left:60%;
}
.center h1{
	margin:1px;
}