body {
	background: #fff;
}

svg {
	font-family: 'Russo One', sans-serif;
	position: absolute;
	width: 100%; height: 100%;
}

svg text {
	text-transform: uppercase;
	animation: stroke 5s infinite alternate;
	stroke-width: 2;
	stroke: #000; /* Black stroke */
	font-size: 110px;
}

@keyframes stroke {
	0% {
		fill: rgba(0, 0, 0, 0); /* Transparent black fill */
		stroke: rgba(0, 0, 0, 1); /* Solid black stroke */
		stroke-dashoffset: 25%;
		stroke-dasharray: 0 50%;
		stroke-width: 2;
	}
	70% {
		fill: rgba(0, 0, 0, 0);
		stroke: rgba(0, 0, 0, 1);
	}
	80% {
		fill: rgba(0, 0, 0, 0);
		stroke: rgba(0, 0, 0, 1);
		stroke-width: 3;
	}
	100% {
		fill: rgba(0, 0, 0, 1); /* Solid black fill */
		stroke: rgba(0, 0, 0, 0); /* Transparent stroke */
		stroke-dashoffset: -25%;
		stroke-dasharray: 50% 0;
		stroke-width: 0;
	}
}