@import url(https://fonts.googleapis.com/css?family=Josefin+Slab);

html {
    background: url(../img/bg.jpg) no-repeat center center fixed;
    background-size: cover;
}

body {
	margin: 0;
	padding: 0;
}

#container {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -300px;	/* half of width */
	margin-top: -184px;	/* half of height */
	width: 600px;
	height: 367px;
	border-radius: 45px;
	text-align: center;
	font-family: 'Josefin Slab', sans-serif;
	font-size: 30px;
	color: #fff;
	letter-spacing: 0.1em;
}

#container section {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

#container h1 {
    font-size: 130px;
    line-height: 130px;
    margin: 0;
    padding: 0;
	text-shadow: -3px -3px 0 transparent, 3px -3px 0 transparent, -3px 3px 0 transparent, 3px 3px 0 #222, 4px 4px 0 #fff, 5px 5px 0 #fff, 6px 6px 0 #fff, 7px 7px 0 #fff;
	background: linear-gradient(45deg, #3f87a6 20%, #ebf8e1 40%, #f69d3c 60%, #3f87a6 80%);
	background-size: 200% auto;
	background-clip: text;
	text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: shine 15s linear infinite;
}

@keyframes shine {
	to {
		background-position: 200% center;
	}
}