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



svg {

	font-family: "Russo One", sans-serif;

	width: 100%; height: 100%;

}

svg text {

	animation: stroke 7s infinite alternate;

	stroke-width: 2;

	stroke: #365FA0;

	font-size: 200px;

}

@keyframes stroke {

	0%   {

		fill: rgba(25,35,130,0); stroke: rgba(54,95,160,1);

		stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 2;

	}

	70%  {fill: rgba(25,35,130,0); stroke: rgba(54,95,160,1); }

	80%  {fill: rgba(25,35,130,0); stroke: rgba(54,95,160,1); stroke-width: 3; }

	100% {

		fill: rgba(25,35,130,1); stroke: rgba(54,95,160,0);

		stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0;

	}

}



.wrapper {background-color: #FFFFFF}

#preloader {

  position: fixed;

  top: 0;

  left: 0;

  height: 100vh;

  width: 100vw;

  background-color: white;

  z-index: 9999;

  display: flex;

  justify-content: center;

  align-items: center;

}



body.loaded #preloader {

  display: none;

}