:root { --text-V: 10px; }
pre[class^="L"], pre.booted {
  position: fixed;
  left: 45px; top: 25px;
  font-family: monospace;
  font-size: 0.7rem;
  color: rgba(255, 255, 255, 0.6);
  white-space: pre;
  overflow: hidden;
  z-index: 2;
  animation: zero 0s linear 0.9s forwards;
}

pre.L1 {font-size: 0.9rem;}
pre.L2 { top: calc(50px + var(--text-V)); }   pre.L3 { top: calc(65px + var(--text-V)); }
pre.L4 { top: calc(150px + var(--text-V)); }   pre.L5 { top: calc(175px + var(--text-V)); }
pre.L6 { top: calc(190px + var(--text-V)); }   pre.L7 { top: calc(205px + var(--text-V)); }
pre.L8 { top: calc(220px + var(--text-V)); }   pre.L9 { top: calc(280px + var(--text-V)); }
pre.LA { top: calc(305px + var(--text-V)); }   pre.LB { top: calc(320px + var(--text-V)); }
pre.LC { top: calc(335px + var(--text-V)); }   pre.LD { top: calc(385px + var(--text-V)); }
pre.LE { top: calc(410px + var(--text-V)); }   pre.LF { top: calc(425px + var(--text-V)); }
pre.LG { top: calc(440px + var(--text-V)); }   pre.LH { top: calc(455px + var(--text-V)); }
pre.LI { top: calc(500px + var(--text-V)); }   pre.LJ { top: calc(530px + var(--text-V)); }

.cover, .cover2 {
  position: fixed;
  top: 150px; left: 30px;
  width: 230px; height: 450px;
  background-color: #121212;
  z-index: 2;
  animation:
    mov 0.25s linear 0.4s forwards;
}

.cover2 {
  top: 25px; height: 100px;
  animation: move2 0.1s linear 0.2s forwards;
}

@keyframes zero { to {opacity: 0;} }
@keyframes mov { to {top: 600px; height: 0px;} }
@keyframes move2 { to {top: 125px; height: 0px;} }