@import url(https://fonts.googleapis.com/css?family=PT+Sans:ital,wght@0,400;0,700;1,400|Josefin+Slab);

html::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #ecf1f6;
    background-size: cover;
}

body {
	margin: 0;
	padding: 0;
}

.top-gap {
	margin-top: 1em !important;
}

.large-font {
	font-size: 1.5em !important;
}

.small-font {
	font-size: 0.35em !important;
}

.red-color {
	color: #ff0000 !important;
}

#container {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -300px;	/* half of width */
	margin-top: -300px;	/* half of height */
	width: 600px;
	height:600px;
	border-radius: 45px;
	text-align: center;
	font-family: 'PT Sans', 'Josefin Slab', sans-serif;
	font-size: 30px;
	color: #3d3b3a;
	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 0 0.1em 0;
	border-bottom: solid #3d3b3a 2px;
	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;
}

#coming-soon {
	font-size: 0.6em;
	font-weight: bold;
	text-transform: uppercase;
}

#special-thanks {
	font-size: 0.5em;
	font-weight: bold;
	text-transform: uppercase;
}

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