@import url("https://fonts.googleapis.com/css2?family=Russo+One&display=swap");

body {
 background-color: #87ceeb;
 background-image: url(camphost.png), url(trees.png);
 background-position: center bottom, center bottom;
 background-repeat: no-repeat, repeat-x;
 background-attachment: fixed;
 margin: 0;
 height: 100%;
 overflow: hidden;
 }
 
.text
{
 text-align: center;
 padding-top: 0px;
 background-color: #5d3011;
 font-weight:bold;
 color: #ffffff;
 border-radius: 0px;
 position: relative;
}
.text img
{
 position: absolute;
 left: 0px;
 top: 0px;
}


svg {
	font-family: "Russo One", sans-serif;
	width: 100%; height: 100%;
}
svg text {
	animation: stroke 5s infinite alternate;
	stroke-width: 2;
	stroke: #5d3011;
	font-size: 100px;
}
@keyframes stroke {
	0%   {
		fill: rgba(72,138,204,0); stroke: rgba(54,95,160,1);
		stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 2;
	}
	70%  {fill: rgba(72,138,204,0); stroke: rgba(54,95,160,1); }
	80%  {fill: rgba(72,138,204,0); stroke: rgba(54,95,160,1); stroke-width: 3; }
	100% {
		fill: rgba(72,138,204,1); stroke: rgba(54,95,160,0);
		stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0;
	}
}