@import url("https://fonts.googleapis.com/css2?family=Bangers&family=Homemade+Apple&family=Sacramento&display=swap");

.loading-wrapper-anmi{
	width: 100%;
	height: 100%;
	font-family: "Bangers", cursive;
	background: skyblue;
    position: fixed;
    z-index: 99;
}

svg {
	position: fixed;
	width: 1000px;
	height: 450px;
	margin: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

svg text {
	text-transform: uppercase;
	letter-spacing: 10px;
	font-size: 150px;
	animation: stroke 5s infinite alternate;
    animation-timeline: box-rotate;
}
@keyframes stroke {
	0% {
		fill: rgba(72, 138, 20, 0);
		stroke: rgba(54, 95, 160, 1);
		stroke-dashoffset: 25%;
		stroke-dasharray: 0 50%;
		stroke-width: 0.8;
	}
	70% {
		fill: rgba(72, 138, 20, 0);
		stroke: rgba(54, 95, 160, 1);
		stroke-width: 1.2;
	}
	85% {
		fill: rgba(72, 138, 20, 0);
		stroke: rgba(54, 95, 160, 1);
		stroke-width: 1.5;
	}
	95%,
	100% {
		fill: rgba(250, 249, 222, 1);
		stroke: rgba(54, 95, 160, 0);
		stroke-dashoffset: -25%;
		stroke-dasharray: 50% 0;
		stroke-width: 0;
	}
}

#g-scroll {
    width: 100vw;
    height: 100vh;
    z-index: 9999;

}