.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;
  }
}