.typed-cursor{-moz-animation:blink .7s infinite;-ms-animation:blink .7s infinite;-o-animation:blink .7s infinite;-webkit-animation:blink .7s infinite;animation:blink .7s infinite;opacity:1;font-weight:100}
@-moz-keyframes blink {
0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}
@-ms-keyframes blink {
0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}
@-o-keyframes blink {
0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}
@-webkit-keyframes blink {
0%{opacity:1}
50%{opacity:0}
100%{opacity:1}
}
50%{opacity:0}
100%{opacity:1}
.typing_text_result{width:100%}
.typing_text_container{float:left;min-height:50px;width:100%}
.typing_text{-moz-animation:typing 20s steps(40);-ms-animation:typing 20s steps(40);-o-animation:typing 20s steps(40);-webkit-animation:typing 20s steps(40);animation:typing 20s steps(40);display:inline-block;font-family:Verdana;font-size:14px;letter-spacing:1px;margin:0;opacity:0;overflow:hidden;padding:0;position:absolute;text-transform:lowercase;width:90%;white-space:nowrap}
.typing_text > span{margin-left:4px}
@keyframes typing {
0%{opacity:0;width:0}
2%{opacity:1}
14%{opacity:1;width:48ch}
15%{opacity:0}
}
.typing_text .cursor{animation:cursor .8s infinite}
@keyframes cursor {
0%{opacity:0}
20%{opacity:0}
30%{opacity:1}
90%{opacity:1}
100%{opacity:0}
}
@media only screen and (max-width: 400px) {
.typing_text{min-height:40px}
}