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

html, body{
	height: 100%;
	font-weight: 800;
}

body{
	background: #060635;
	font-family: Arial, sans-serif;
	padding:0;
	margin:0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-decoration-skip: ink;
	text-decoration-skip-ink: auto;
}

svg {
	display: block;
	font: 10.5em 'Montserrat';
	width: 960px;
	height: 300px;
	margin: 0 auto;

}

.text-copy {
	fill: none;
	stroke: white;
	stroke-dasharray: 6% 29%;
	stroke-width: 5px;
	stroke-dashoffset: 0%;
	animation: stroke-offset 5.5s infinite linear;
}

.text-copy:nth-child(1){
	stroke: #4D163D;
	animation-delay: -1;
}

.text-copy:nth-child(2){
	stroke: #840037;
	animation-delay: -2s;
}

.text-copy:nth-child(3){
	stroke: #BD0034;
	animation-delay: -3s;
}

.text-copy:nth-child(4){
	stroke: #BD0034;
	animation-delay: -4s;
}

.text-copy:nth-child(5){
	stroke: #FDB731;
	animation-delay: -5s;
}

@keyframes stroke-offset{
	100% {stroke-dashoffset: -35%;}
}

div {
	display:flex;
	align-items: center;
	height: 100%;
}

footer {
	position: fixed;
	bottom:0;
	width: 100%;
	height:auto;
	text-align: center;
	padding-bottom:10px;
	color:rgba(255, 255, 255, 0.2);
	font-size:10px;
}

a {
	color:rgba(255, 255, 255, 0.2);
}

a:hover {
	color:rgba(255, 255, 255, 0.4);
}