.div_svg {
	display:flex;
	height:100vh;
	align-items:center;
	justify-content:center;
	position:relative;
}

.logo_animate {
	display: block;
	width: 300px;
	height: 300px;
	margin-top:40%;
	margin-bottom:60%;	
	fill: transparent;
	stroke: #0099ff;
	stroke-width: 2px;
	opacity:1;	
	stroke-dasharray: 700;	
}

.myAnimate {
	/*
	animation: tekenLogo 10s linear infinite;
	*/
	animation: tekenLogo 7s linear;			
}

.testclass {
	background-color:#FF0000;
}

@keyframes tekenLogo {
	from {
		opacity: 1;
		stroke-dashoffset: 700;
	}
	85% {
		stroke-dashoffset: 0;
	}
}

.fadeout {
  animation-duration: 2.6s;
  animation-name: fadeout;
}

@keyframes fadeout {
  from {
    opacity:1;
  }
  
  to {
    opacity:0;
  }
}