body {
	background: #000;
	overflow: hidden;
}

svg {
	font-family: 'Oswald', sans-serif;
	position: absolute; 
	width: 100%; height: 100%;
}
svg text {
	text-transform: uppercase;
	animation: stroke 10s infinite alternate;
	stroke-width: 1;
	stroke: red; //#365fa0;
	font-size: 80px;
}
@keyframes stroke {
	0%   {
		fill: red; stroke: red;
		stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 1;
	}
	50%  {fill: #000; stroke: red; }
	95%  {fill: ghostwhite; stroke: ghostwhite; stroke-width: 1; }
	100% {
		fill: ghostwhite; stroke: ghostwhite; 
		stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: .5;
        filter: blur(5);
	}
}

.msg {
	text-transform: uppercase;
	animation: glow 6s infinite alternate;
	stroke-width: 1;
	stroke: red; //#365fa0;
	font-size: 30px; 
	color: ghostwhite;
	font-family: Oswald;
    display: none;
    position: relative;
    justify-content: center;
    align-items: center;
}


@keyframes glow {
  from {
    text-shadow: 0 0 10px #000, 0 0 20px #000, 0 0 30px #000;
  }
  to {
    text-shadow: 0 0 20px #ff0, 0 0 30px #ff0, 0 0 40px #ff0;
  }
}