.typewriter {
    width: 70%;  
  }
  h1 {
    overflow: hidden;
    margin: 0 auto !important;
    display: inline-block;
    font-weight: normal;
    font-size: 2rem;
    text-align: center !important;

  }
  h1:after{
   content: '';
    display: inline-block;
    background-color: #ed08bb;
    margin-left: 2px;
    height: 25px;
    width: 4px;
    animation: cursor 0.4s infinite;
  }

  /* The typewriter cursor effect */
  @keyframes cursor {
    0% { opacity: 1; }
      49% { opacity: 1; }
      50% { opacity: 0; }
      100% { opacity: 0; }
  }