.css-typing p{
font-family: "Siyam Rupali";
font-size: 15px;
width: 100%;
white-space: nowrap;
overflow: hidden;
animation: type 3.5s steps(40, end);
}
.css-typing p:nth-child(2) {
white-space: nowrap;
overflow: hidden;
opacity: 0;
animation: type2 3.5s steps(40, end);
animation-delay: 5s;
animation-fill-mode: forwards;
}
.css-typing p:nth-child(3) {
white-space: nowrap;
overflow: hidden;
opacity: 0;
animation: type3 3.5s steps(40, end);
animation-delay: 10s;
animation-fill-mode: forwards;
}
@keyframes type {
from {
width: 0;
}
}
span {
animation: blink 1s infinite;
}
@keyframes type2 {
0% {
width: 0;
}
from {
opacity: 0;
}
1% {
opacity: 1;
}
to {
opacity: 1;
}
100% {
opacity: 1;
}
}
@keyframes type3 {
0% {
width: 0;
}
from {
opacity: 0;
}
1% {
opacity: 1;
}
to {
opacity: 1;
}
100% {
opacity: 1;
}
}