@font-face {
	font-family: myFont;
	src: url(../font/Merriweather/Merriweather-Regular.ttf);
}

* {
	font-family: myFont;
}

body {
	margin: 0;
	padding: 0;
	background-position: center center;
}

.wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.wrapper h2 {
	margin: 0;
	padding: 0;
	text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
	font-size: 38px;
}

.wrapper p {
	margin-top: 25px;
	padding: 0;
	color: #333;
	font-size: 18px;
	line-height: 33px;
}

.wrapper a {
	padding: 10px 25px;
	text-decoration: none;
	color: #eee;
	background: firebrick;
	display: inline-block;
	margin-top: 10px;
}

span:before {
	content: 'I am';
	animation: animate infinite 9s;
}

@keyframes animate {
	20% {
		content: 'Fiorenz';
	}
	30% {
		content: 'Natasha';
	}
	40% {
		content: 'Tjhang';
	}
	50% {
		content: 'I am Fiorenz Natasha Tjhang';
	}
}