@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 5s infinite alternate;
	stroke-width: 2;
	stroke: #FFFFFF;
	font-size: 100px;
}
@keyframes stroke {
	0%   {
		fill: rgba(33,234,230,0); stroke: rgba(255,255,255,1);
		stroke-dashoffset: 25%; stroke-dasharray: 0 50%; stroke-width: 2;
	}
	70%  {fill: rgba(33,234,230,0); stroke: rgba(255,255,255,1); }
	80%  {fill: rgba(33,234,230,0); stroke: rgba(255,255,255,1); stroke-width: 3; }
	100% {
		fill: rgb(234, 169, 255); stroke: rgba(255,255,255,0);
		stroke-dashoffset: -25%; stroke-dasharray: 50% 0; stroke-width: 0;
	}
}
.content{
    
    flex-grow: 1;
    padding: 0 var(--padding);
    display: flex;
    align-items: center;
}

.container-texts{
    position: relative;
    bottom: 70px;
}
h3{
    font-size: 1.5rem;
    margin-bottom: 3.5rem;
}
h4{
    font-size: 3rem;
    letter-spacing: 0.12;
    color: #f0f0f0;
    margin-top: 4rem;
}
.social{
    margin-top: 3.5rem;
}
.social img{
     margin-right:2rem ;
     width: 2.5rem;
     transition: 0,4s;
}
.social img:hover{
    transform: scale(1.2);
}

.wrapper {background-color: #9E68F5};
.wrapperr {background-color: #9E68F5};
.wrappeقrr {background-color: #9E68F5};