.curtain_R {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.7);
  animation: ontoff 1.5s ease forwards 3s;
}

@keyframes oppai  { to {opacity: 1;} }

@keyframes del_in {
  from  { clip-path: inset(0 0 1250px 0); } 
  to    { clip-path: inset(0 0 0 0); }
}

@keyframes del_out {
  from  { clip-path: inset(0 0 0 0); } 
  to    { clip-path: inset(0 0 1250px 0); }
}

@keyframes typing_3 { 
  from  { width:    0; } 
  to    { width: 40ch; } 
}

.Neofetch {
  position:  fixed;
  top:      -260px;
  left:     -25px;
  opacity:       0;
  z-index:       6;

  transform: scale(50%);

  animation: 
  del_in    0.6s linear 0.2s forwards,
  oppai       0s linear 0.2s forwards,
  del_out  0.75s linear 2s   forwards;
}

@media (max-aspect-ratio: 1/1) {
  .Neofetch { 
    transform: scale(60%);
    top:      -200px; 
    left:     -75px;
  }
}

:root { 
  --Main-text-H: 500px; 
  --Main-text-V: 100px; 
  --multiplier:  5px;
}

pre[class^="L"],  pre.booted {
  font-family:    monospace;
  position:           fixed;
  white-space:          pre;
  overflow:          hidden;

  font-size:    0.7rem;
  width:        0;
  z-index:      6;
 
  left:         calc(15px + var(--Main-text-H));
  top:          calc(15px + var(--Main-text-V));
  color:      rgba(255, 255, 255, 0.9);
}

pre.L1 { font-size: 0.9rem; 
  animation:
    typing_3 0.1s steps(20, end) 0.90s forwards,
    blink    1.8s step-end          2s infinite,
    ontoff   0s linear           2.22s forwards; 
}

pre.L2 { top: calc(50px  + var(--Main-text-V));   
  animation:
    typing_3 0.1s steps(20, end) 1s forwards,
    blink    1.8s step-end          2s infinite,
    ontoff   0s linear           2.20s forwards; }

pre.L3 { top: calc(65px  + var(--Main-text-V));  
  animation:
    typing_3 0.1s steps(20, end) 1.05s forwards,
    blink    1.8s step-end          2s infinite,
    ontoff   0s linear           2.18s forwards;
}

pre.L4 { top: calc(150px + var(--Main-text-V)); 
  animation:
    typing_3 0.1s steps(20, end) 1.1s forwards,
    blink    1.8s step-end          2s infinite,
    ontoff   0s linear            2.16s forwards;
}

pre.L5 { top: calc(175px + var(--Main-text-V)); 
  animation:
    typing_3 0.1s steps(20, end) 1.15s forwards,
    blink    1.8s step-end         2s infinite,
    ontoff   0s linear           2.14s forwards;
}

pre.L6 { top: calc(190px + var(--Main-text-V)); 
  animation:
    typing_3 0.1s steps(20, end) 1.15s forwards,
    blink    1.8s step-end         2s infinite,
    ontoff   0s linear           2.12s forwards;
}

pre.L7 { top: calc(205px + var(--Main-text-V));  
  animation:
    typing_3 0.1s steps(20, end) 1.2s forwards,
    blink    1.8s step-end          2s infinite,
    ontoff   0s linear            2.10s forwards;
}

pre.L8 { top: calc(220px + var(--Main-text-V)); 
  animation:
    typing_3 0.1s steps(20, end) 1.25s forwards,
    blink    1.8s step-end          2s infinite,
    ontoff   0s linear            2.08s forwards;
}

pre.L9 { top: calc(280px + var(--Main-text-V)); 
  animation:
    typing_3 0.1s steps(20, end) 1.3s forwards,
    blink    1.8s step-end          2s infinite,
    ontoff   0s linear            2.06s forwards;
}

pre.LA { top: calc(305px + var(--Main-text-V));   
  animation:
    typing_3 0.1s steps(20, end) 1.3s forwards,
    blink    1.8s step-end          2s infinite,
    ontoff   0s linear            2.04s forwards;
}

pre.LB { top: calc(320px + var(--Main-text-V));
  animation:
    typing_3 0.1s steps(20, end) 1.35s forwards,
    blink    1.8s step-end          2s infinite,
    ontoff   0s linear            2.02s forwards;
}

pre.LC { top: calc(335px + var(--Main-text-V)); 
  animation:
    typing_3 0.1s steps(20, end) 1.35s forwards,
    blink    1.8s step-end          2s infinite,
    ontoff   0s linear           2.00s forwards;
}

pre.loaderx, pre.loadery, pre.loaderz {
  position: fixed;
  color: white;
  z-index: 6;
  opacity: 0;
  animation: bruh 0.6s steps(2) 0.25s;
  animation-iteration-count: 3;
}

pre.loadery {
  left: calc(130px + var(--Main-text-H));
  top:  calc(146px + var(--Main-text-V));
  animation-iteration-count: 2;
  animation-duration:     0.5s;
  animation-delay:        1.2s;
}

pre.loaderx {
  left: calc(198px + var(--Main-text-H));
  top:  calc(276px + var(--Main-text-V));
  animation-iteration-count: 1;
  animation-duration:     0.6s;
  animation-delay:        1.5s;
}

pre.loaderz {
  left: calc(195px + var(--Main-text-H));
  top:  calc(17px + var(--Main-text-V));
  animation-iteration-count: 2;
  animation-delay: 1s;
}

@keyframes bruh {
  0%   {opacity: 1; transform: rotate(0deg)   scale(90%); }
  50%  {opacity: 1; transform: rotate(90deg)  scale(90%); }
  100% {opacity: 1; transform: rotate(180deg) scale(90%); }
}

body.scrolled_J pre[class^="loader"] 
{ animation: none; opacity: 0; }

pre[class^="PVL"] {
  font-family:  monospace;
  position:     fixed;
  overflow:     hidden;
  white-space:  pre;

  font-size:    0.7rem;
  width:        0;
  z-index:      6;

  left: calc(200px + var(--Main-text-H));
  top:  calc(400px + var(--Main-text-V));
  color: rgba(255, 255, 255, 0.9);
}

pre.PVL34  { animation: typing_3 1s steps(20, end) 2s    forwards, ontoff 0s linear 2.3s  forwards; }
pre.PVL58  { animation: typing_3 1s steps(20, end) 2.28s forwards, ontoff 0s linear 2.68s forwards; }
pre.PVL72  { animation: typing_3 1s steps(20, end) 2.7s  forwards, ontoff 0s linear 3.18s forwards; }
pre.PVL99  { animation: typing_3 1s steps(20, end) 3.2s  forwards, ontoff 0s linear 3.8s  forwards; }
pre.PVL100 { animation: typing_3 0s steps(20, end) 3.8s  forwards; }

.scrolled_J pre[class^="PVL"] {opacity: 0;}
@keyframes ontoff { to {opacity: 0;}}

@media (max-aspect-ratio: 1/1) {
  :root { --H-dx: 350px; }
  pre[class^="PVL"],
  pre.loaderx          { left: calc(275px + var(--H-dx) + 80px); }
  pre.loader           { left: calc(85px  + var(--H-dx) + 80px); } 
  pre.loadery          { left: calc(180px + var(--H-dx) + 80px); }
  pre.loaderz { 
  left: calc(260px + var(--H-dx) + 80px);
  top:  calc(20px  + var(--Main-text-V));
  font-size: 1rem;
  }

  pre.L1               { font-size: 1.25rem; }
  pre.L2               { top: calc(50px  + var(--multiplier) * 2  + var(--Main-text-V)); font-size: 1rem; }
  pre.L3               { top: calc(65px  + var(--multiplier) * 3  + var(--Main-text-V)); font-size: 1rem; }
  pre.L4, pre.loadery  { top: calc(150px + var(--multiplier) * 3  + var(--Main-text-V)); font-size: 1rem; }
  pre.L5, pre.LZ       { top: calc(175px + var(--multiplier) * 4  + var(--Main-text-V)); font-size: 1rem; }
  pre.L6, pre.LZa      { top: calc(190px + var(--multiplier) * 5  + var(--Main-text-V)); font-size: 1rem; }
  pre.L7, pre.LZb      { top: calc(205px + var(--multiplier) * 6  + var(--Main-text-V)); font-size: 1rem; }
  pre.L8, pre.LZc      { top: calc(220px + var(--multiplier) * 7  + var(--Main-text-V)); font-size: 1rem; }
  pre.L9, pre.loaderx  { top: calc(280px + var(--multiplier) * 8  + var(--Main-text-V)); font-size: 1rem; }
  pre.LA, pre.LZd      { top: calc(305px + var(--multiplier) * 9  + var(--Main-text-V)); font-size: 1rem; }
  pre.LB, pre.LZe      { top: calc(320px + var(--multiplier) * 10 + var(--Main-text-V)); font-size: 1rem; }
  pre.LC, pre.LZf      { top: calc(335px + var(--multiplier) * 11 + var(--Main-text-V)); font-size: 1rem; }
  pre.LD, pre.LF, 
  pre.LE, 
  pre[class^="PVL"]    { top: calc(400px + var(--multiplier) * 12 + var(--Main-text-V)); font-size: 1rem; }
  pre.LG, pre.booted,
  pre.loader           { top: calc(420px + var(--multiplier) * 13 + var(--Main-text-V)); font-size: 1rem; }
  
  pre.booted,
  pre[class^="L"]      { left: calc(100px + var(--H-dx)); }
  pre.LF, pre.LE       { left: calc(260px + var(--H-dx)); }
  pre[class^="LZ"]     { left: calc(450px + var(--H-dx)); }
  pre[class^="PVL"]    { left: calc(350px + var(--H-dx)); }
}

@media (max-aspect-ratio: 1/1) {
  pre.Notice_head, pre.Notice_bod {
    text-align:  center;
    position:     fixed;
    bottom:       150px; 
    left:          50px;
    font-size:    3.5vw;
    opacity:        0.8;
    z-index:          6;

    color: rgb(207, 221, 255);
    font-family: Manro;

    transition: 
    opacity 1s, font-size 1s, left 1s, bottom 1s;
  }
  
  pre.Notice_bod {
    color:    white;
    font-size:    3vw;
    left:        30px;

    bottom: calc(-10vw + 120px);
  }

  pre.Notice_head 
  { left: calc(4.2vw + 10px); } 
}

.scrolled_J   pre.Notice_head {
  opacity:    0.4;
  font-size:  1.5rem;
  left:       117px;
  bottom:     250px;
}

.scrolled_J   pre.Notice_bod {
  opacity:    0.4;
  font-size:  1.4rem;
  bottom:     150px;
  left:       100px;
}