body {
  margin: 0;
  background-color: #0a0a0a;
  display: flex;
  justify-content: center;
}

#title {
  color: #fff;
  font-family: 'Cousine', monospace;
  font-size: 4em;
  overflow: hidden;
  border-right: .15em solid white;
  white-space: nowrap;
  margin: 200px auto;
  letter-spacing: .15em;
  animation:
    typing 3s steps(12, end),
    blink-caret .5s step-end infinite,
    fade-background 2s step-end;
  transition: background-color 5000ms linear;
}

@keyframes typing {
  from { width: 0 }
  to { width: 98% }
}

@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: white }
}