/* based on https://codepen.io/rusjames/pen/uAFhE */

/* ids */

/*
#status {
    /* specify position in global.css */
    /* background-color: #FFF; */  
    white-space: nowrap;
    overflow: hidden;
    width: 300px;
    animation: type 1s steps(60, end); 
}

#status:nth-child(2){
  animation: type2 2s steps(60, end);
}
*/

#cursor {
  animation: cursorblink 1s infinite;
}

/* animation */

@keyframes type { 
  from { width: 0; } 
} 

@keyframes type2 {
  0% { width: 0%; }
  50% { width: 50%; }
  100% { width: 100%; } 
} 

@keyframes cursorblink {
  to{opacity: .0;}
}