.typewriter  {
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    border-right: .55em solid orange; /* The typwriter cursor */
    white-space: nowrap; /* Keeps the content on a single line */
     /* Gives that scrolling effect as the typing happens */
    letter-spacing: .00em; /* Adjust as needed */
    width: 490px;
    cursor: default;
    
    animation: 
      typing 0.5s steps(1000, end),
      blink-caret .1s step-end infinite;
  }
  
  /* The typing effect */
  @keyframes typing {
    from { width: 0 }
    to { width: 500px }
  }
  
  /* The typewriter cursor effect */
  @keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: transparent; }
  }
  .typewriter2 {
  overflow:hidden;
  border-right: 0em;
  white-space: nowrap;
  letter-spacing: .00em;
  margin-top: 3px;
  cursor: default;
   
  /* animation delay should be the same as previous animations typing*/
  animation: 
    typing 0.5s steps(1500, end);
  animation-delay: 0.5s;
  animation-fill-mode: both;
  
  }
  .typewriter3{
  overflow:hidden;
  border-right: 0em;
  white-space: nowrap;
  letter-spacing: .00em;
  margin-top: 3px;
  cursor: default;
  
  animation: 
    typing 0.5s steps(1500, end);
  animation-delay: 0.8s;
  animation-fill-mode: both;
  
  }
  .typewriter4{
  overflow:hidden;
  border-right: 0em;
  white-space: nowrap;
  letter-spacing: .00em;
  margin-top: 3px;
  cursor: default;
  
  animation: 
    typing 0.5s steps(1500, end);
  animation-delay: 1.1s;
  animation-fill-mode: both;
  
  }
  .typewriter5{
  overflow:hidden;
  border-right: 0em;
  white-space: nowrap;
  letter-spacing: .00em;
  margin-top: 3px;
  cursor: default;
  
  animation: 
    typing 0.5s steps(1500, end);
  animation-delay: 1.4s;
  animation-fill-mode: both;
  
  }
  .typewriter6{
  overflow:hidden;
  border-right: 0em;
  white-space: nowrap;
  letter-spacing: .00em;
  margin-top: 3px;
  cursor:default;
  
  animation: 
    typing 0.5s steps(1500, end);
  animation-delay: 1.7s;
  animation-fill-mode: both;
  
  }
  .typewriter7{
  overflow:hidden;
  border-right: 0em;
  white-space: nowrap;
  letter-spacing: .00em;
  margin-top: 3px;
  cursor: default;
  
  
  animation: 
    typing 0.5s steps(1500, end);
  animation-delay: 2s;
  animation-fill-mode: both;
  

  }
  .typewriter8{
    overflow:hidden;
    border-right: 0em;
    white-space: nowrap;
    letter-spacing: .00em;
    margin-top: 3px;
    cursor: default;
    
    animation: 
      typing 0.5s steps(1500, end);
    animation-delay: 2.3s;
    animation-fill-mode: both;
  
  }
  .typewriter9 {
    overflow:hidden;
    border-right: 0em;
    white-space: nowrap;
    letter-spacing: .00em;
    margin-top: 3px;
    max-width: 233px;
  
    animation: 
      typing 0.5s steps(1500, end);
    animation-delay: 2.6s;
    animation-fill-mode: both;

  }
  .typewriter10 {
    overflow:hidden;
    border-right: 0em;
    white-space: nowrap;
    letter-spacing: .00em;
    margin-top: 6px;
    max-width: 251px;
    
    animation: 
      typing 0.5s steps(1500, end);
    animation-delay: 2.9s;
    animation-fill-mode: both;
  
  }
  .typewriter11 {
    overflow:hidden;
    border-right: 0em;
    white-space: nowrap;
    letter-spacing: .00em;
    margin-top: 6px;
    max-width: 200px;
    
    animation: 
      typing 0.5s steps(1500, end);
    animation-delay: 3.2s;
    animation-fill-mode: both;
  

  }
  .typewriter12 {
    overflow:hidden;
    border-right: 0em;
    white-space: nowrap;
    letter-spacing: .00em;
    margin-top: 6px;
    max-width: 200px;
    
    animation: 
      typing 0.5s steps(1500, end);
    animation-delay: 3.5s;
    animation-fill-mode: both;
  
  }
  .typewriter13 {
    overflow:hidden;
    border-right: 0em;
    white-space: nowrap;
    letter-spacing: .00em;
    margin-top: 6px;
    text-decoration: none;
    cursor: default;
    max-width: 260px;
    
    animation: 
      typing 0.5s steps(1500, end);
    animation-delay: 3.8s;
    animation-fill-mode: both;

  }
  .ex1 {
    text-decoration: none !important;
    color: white;
  }
  .typewriter9:hover {
    background-color: white;
    color:black
  }
  .typewriter10:hover {
    background-color: white;
    color:black
  }
  .typewriter11:hover {
    background-color: white;
    color:black
  }
  .typewriter12:hover {
    background-color: white;
    color:black
  }
  .typewriter13:hover {
    background-color: white;
    color:black
  }