html, body {
  margin: 0;
  height: 100%;
  background-color: black;
  background-image: url(https://imgur.com/myVdPd3.gif);
  text-align:center;
  color:white;
  background-attachment: fixed;
  background-size:cover;
  background-position:center;
}

.main {
  display: flex;
  justify-content: left;
  margin-left:50px;
  align-items: center;
  width:100%;
  height:100%;
}    

.content {
  text-align:center;
  z-index:2;
}  

.wand {
  position: fixed;
  filter: drop-shadow(10px 10px 5px rgba(0, 0, 0, 0.3));
  top: 50%;
  left: 50%;
  margin: -174.725px 0 0 -175px;
}  

.typing-container {
  width: auto;
  height: auto;
  font-family: monospace;
  text-align:center;
  font-size:large;
  padding: 15px;
  overflow:scroll;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.5));
}


.typing {
  white-space: nowrap;
  overflow: hidden;
  border-right: 1ch solid;
  margin-bottom: 0.2em;
}


.typing.line-1 {
  width: 25ch;
  animation:
    cursor-typing 1.67s steps(25) 0.00s backwards,
    cursor-blink 1.06s steps(2, jump-none) 1.67s 1 forwards,
    cursor-gone 0s 2.73s forwards;
}

.typing.line-2 {
  width: 28ch;
  animation:
    cursor-gone 2.73s,
    cursor-typing 1.87s steps(28) 2.73s backwards,
    cursor-blink 1.06s steps(2, jump-none) 4.59s 1 forwards,
    cursor-gone 0s 5.65s forwards;
}

.typing.line-3 {
  width: 22ch;
  animation:
    cursor-gone 5.65s,
    cursor-typing 1.47s steps(22) 5.65s backwards,
    cursor-gone 0s 7.12s forwards;
}

.typing.line-4 {
  width: 23ch;
  animation:
    cursor-gone 7.12s,
    cursor-blink 1.06s steps(2, jump-none) 7.12s 1 none,
    cursor-typing 1.53s steps(23) 8.18s backwards,
    cursor-gone 0s 9.71s forwards;
}

.typing.line-5 {
  width: 33ch;
  animation:
    cursor-gone 9.71s,
    cursor-blink 1.06s steps(2, jump-none) 9.71s 1 none,
    cursor-typing 2.20s steps(33) 10.77s backwards,
    cursor-blink 1.06s steps(2, jump-none) 12.97s 1 forwards,
    cursor-gone 0s 14.03s forwards;
}

.typing.line-6 {
  width: 12ch;
  animation:
    cursor-gone 14.03s,
    cursor-typing 0.80s steps(12) 14.03s backwards,
    cursor-gone 0s 14.83s forwards;
}

.typing.line-7 {
  width: 19ch;
  animation:
    cursor-gone 14.83s,
    cursor-blink 1.06s steps(2, jump-none) 14.83s 1 none,
    cursor-typing 1.27s steps(19) 15.89s backwards,
    cursor-gone 0s 17.16s forwards;
}

.typing.line-8 {
  width: 39ch;
  animation:
    cursor-gone 17.16s,
    cursor-blink 1.06s steps(2, jump-none) 17.16s 1 none,
    cursor-typing 2.60s steps(39) 18.22s backwards,
    cursor-gone 0s 20.82s forwards;
}

.typing.line-9 {
  width: 0ch;
  animation:
    cursor-gone 20.82s,
    cursor-typing 0.07s steps(1) 20.82s backwards,
    cursor-gone 0s 20.89s forwards;
}

.typing.line-10 {
  width: 36ch;
  animation:
    cursor-gone 20.89s,
    cursor-blink 1.06s steps(2, jump-none) 20.89s 1 none,
    cursor-typing 2.40s steps(36) 21.95s backwards,
    cursor-gone 0s 24.35s forwards;
}

.typing.line-11 {
  width: 18ch;
  animation:
    cursor-gone 24.35s,
    cursor-blink 1.06s steps(2, jump-none) 24.35s 1 none,
    cursor-typing 1.20s steps(18) 25.41s backwards,
    cursor-gone 0s 26.61s forwards;
}

.typing.line-12 {
  width: 16ch;
  animation:
    cursor-gone 26.61s,
    cursor-blink 1.06s steps(2, jump-none) 26.61s 1 none,
    cursor-typing 1.07s steps(16) 27.67s backwards,
    cursor-gone 0s 28.73s forwards;
}

.typing.line-13 {
  width: 36ch;
  animation:
    cursor-gone 28.73s,
    cursor-blink 1.06s steps(2, jump-none) 28.73s 1 none,
    cursor-typing 2.40s steps(36) 29.79s backwards,
    cursor-gone 0s 32.19s forwards;
}

.typing.line-14 {
  width: 25ch;
  animation:
    cursor-gone 32.19s,
    cursor-blink 1.06s steps(2, jump-none) 32.19s 1 none,
    cursor-typing 1.67s steps(25) 33.25s backwards,
    cursor-gone 0s 34.92s forwards;
}

.typing.line-15 {
  width: 25ch;
  animation:
    cursor-gone 34.92s,
    cursor-blink 1.06s steps(2, jump-none) 34.92s 1 none,
    cursor-typing 1.67s steps(25) 35.98s backwards,
    cursor-gone 0s 37.65s forwards;
}

.typing.line-16 {
  width: 28ch;
  animation:
    cursor-gone 37.65s,
    cursor-blink 1.06s steps(2, jump-none) 37.65s 1 none,
    cursor-typing 1.87s steps(28) 38.71s backwards,
    cursor-gone 0s 40.57s forwards;
}

.typing.line-17 {
  width: 34ch;
  animation:
    cursor-gone 40.57s,
    cursor-blink 1.06s steps(2, jump-none) 40.57s 1 none,
    cursor-typing 2.27s steps(34) 41.63s backwards,
    cursor-gone 0s 43.90s forwards;
}

.typing.line-18 {
  width: 39ch;
  animation:
    cursor-gone 43.90s,
    cursor-blink 1.06s steps(2, jump-none) 43.90s 1 none,
    cursor-typing 2.60s steps(39) 44.96s backwards,
    cursor-gone 0s 47.56s forwards;
}

.typing.line-19 {
  width: 18ch;
  animation:
    cursor-gone 47.56s,
    cursor-blink 1.06s steps(2, jump-none) 47.56s 1 none,
    cursor-typing 1.20s steps(18) 48.62s backwards,
    cursor-gone 0s 49.82s forwards;
}

.typing.line-20 {
  width: 27ch;
  animation:
    cursor-gone 49.82s,
    cursor-blink 1.06s steps(2, jump-none) 49.82s 1 none,
    cursor-typing 1.80s steps(27) 50.88s backwards,
    cursor-gone 0s 52.68s forwards;
}

.typing.line-21 {
  width: 17ch;
  animation:
    cursor-gone 52.68s,
    cursor-blink 1.06s steps(2, jump-none) 52.68s 1 none,
    cursor-typing 1.13s steps(17) 53.74s backwards,
    cursor-gone 0s 54.87s forwards;
}

.typing.line-22 {
  width: 30ch;
  animation:
    cursor-gone 54.87s,
    cursor-blink 1.06s steps(2, jump-none) 54.87s 1 none,
    cursor-typing 2.00s steps(30) 55.93s backwards,
    cursor-gone 0s 57.93s forwards;
}

.typing.line-23 {
  width: 33ch;
  animation:
    cursor-gone 57.93s,
    cursor-blink 1.06s steps(2, jump-none) 57.93s 1 none,
    cursor-typing 2.20s steps(33) 58.99s backwards,
    cursor-gone 0s 61.19s forwards;
}

.typing.line-24 {
  width: 22ch;
  animation:
    cursor-gone 61.19s,
    cursor-blink 1.06s steps(2, jump-none) 61.19s 1 none,
    cursor-typing 1.47s steps(22) 62.25s backwards,
    cursor-blink 1.06s steps(2, jump-none) 63.72s infinite;
}

@keyframes cursor-typing {
  from {
    width: 0;
  }
}

@keyframes cursor-blink {
  to {
    border-color: transparent;
  }
}

@keyframes cursor-gone {
  from, to {
    border-color: transparent;
  }
}