@import url(https://fonts.googleapis.com/css?family=Anonymous+Pro);
/* Base */
body {
padding: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
}
h1 {
position: relative;
color: hsl(0, 0%, 68%);
font-weight: bold;
letter-spacing: 7px;
overflow: hidden;
border-right: 2px solid hsl(0, 0%, 80%);
white-space: nowrap;
animation: typewriter 4s steps(66) 1s 1 normal both,
blinkTextCursor 500ms infinite;
}
@keyframes typewriter {
from {
width: 0;
}
to {
width: 10em;
}
}
@keyframes blinkTextCursor {
from {
border-right-color: hsl(0, 0%, 80%);
}
to {
border-right-color: transparent;
}
}