@import url("https://fonts.googleapis.com/css?family=Raleway':200,300,400,500,600,700,800|Raleway':300,400,500,600,700&display=swap");
*
.body-anime {
	position: relative;
	display: flex;

	align-items: center;
	min-height: 100%;
}

.btn-suscribe{
	background: #ff1313;
	display: block;
	color: white;
	font-size: 15px;
	padding: inherit;
	padding-right: 30px;
	padding-left: 30px;
	margin-bottom: 0;
}

.btn-suscribe:hover{
	background: #fff;
	display: block;
	color: red;
	font-size: 15px;
	padding: inherit;
	padding-right: 30px;
	padding-left: 30px;
	margin-bottom: 0;
}




.anime {
	font-size: 25px;
	display: block;
  	font-weight: 600;
 	text-transform: capitalize;
 	line-height: 1.3;
	position: relative;
	color: #383d52;
	-webkit-text-stroke: 0vw #383d52;


}
.anime::before 
{
	font-size: 25px;
	display: block;
	font-weight: 600;
	text-transform: capitalize;
	line-height: 1.3;

	content: attr(data-text);
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	color: #fff;
	-webkit-text-stroke: 0vw #383d52;
	border-right: 1px solid #01fe87; 
	overflow: hidden;
	animation: animate 4s linear infinite;
}

@keyframes animate
{
	0%,10%,100%
	{
		width: 0;
	}
	70%,80%
	{
		width: 100%;
	}
}