body {
	background: #000000;
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
    border: 0;
}

.orange {
	font-family: 'Russo One', sans-serif;
	position: absolute; 
	width: 100%; height: 100%;
}
.orange text {
	text-transform: uppercase;
	animation: stroke-orange 5s infinite alternate;
	stroke-width: 2;
	stroke: #365fa0;
	font-size: 140px;
}
@keyframes stroke-orange {
	0%   {
		fill: rgba(255, 81, 0,0); stroke: rgba(255, 81, 0,1);
		stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 2;
	}
	70%  {fill: rgba(255, 81, 0,0); stroke: rgba(255, 81, 0,1); }
	80%  {fill: rgba(255, 81, 0,0); stroke: rgba(255, 81, 0,1); stroke-width: 3; }
	100% {
		fill: rgba(255, 81, 0,1); stroke: rgba(255, 81, 0,0); 
		stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0;
	}
}

.blue {
	font-family: 'Russo One', sans-serif;
	position: absolute; 
	width: 100%; height: 100%;
}
.blue text {
	text-transform: uppercase;
	animation: stroke-blue 5s infinite alternate;
	stroke-width: 2;
	stroke: #365fa0;
	font-size: 100px;
}
@keyframes stroke-blue {
	0%   {
		fill: rgba(255, 81, 0,0); stroke: rgb(0, 255, 255, 1);
		stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 2;
	}
	70%  {fill: rgba(255, 81, 0,0); stroke: rgb(0, 255, 255, 1); }
	80%  {fill: rgba(255, 81, 0,0); stroke: rgb(0, 255, 255, 1); stroke-width: 3; }
	100% {
		fill: rgb(0, 255, 255, 1); stroke: rgba(255, 81, 0,0); 
		stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0;
	}
}