/** code by @leaverou */
@keyframes typing { from { width: 0; } }
@keyframes blink-caret { 0% { border-color: transparent; } }

p { 
  color:white;
	font: bold 150% Consolas, Monaco, monospace;
	border-right: .1em solid;
	width: 9em; /* fallback */
	width: 28ch; /* # of chars */
	margin: auto auto;
	white-space: nowrap;
	overflow: hidden;
	animation: typing 7s steps(28, end), /* # of steps = # of chars */
	           blink-caret .5s step-end infinite alternate;
}
.center {
    margin: auto;
    width: 70%;
    border: 3px solid #FFFF00;
    padding: 10px;
    }
    body {
    font-family:monaco, monospace;
    font-size:13px;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:1.7em;
    background-image:url('../w.png');
    text-align: center;
    }
    div {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 600px;
  border: 1px solid black;
}
img {
  width:10%;
  display:block;
}
img {
  image-rendering: crisp-edges;
}