.screen {
  display: none;
}

#fadeMe {
  opacity:    0.5; 
  background: #ffffff; 
  width:      100%;
  height:     100%; 
  z-index:    10;
  top:        0; 
  left:       0; 
  position:   fixed; 
}

/* HTML: <div class="loader"></div> */
.loader {
  width: 15px;
  aspect-ratio: 1;
  border-radius: 50%;
  animation: l5 1s infinite linear alternate;
  position:   absolute;
  top:        50%; 
  left:       50%;
  z-index:    11;
}

.loaderinfo {
  position:   absolute;
  top:        55%; 
  left:       41vw;
  z-index:    11;
  font-size: large;
  text-align: center;

}

@keyframes l5 {
    0%  {box-shadow: 20px 0 #000, -20px 0 #0002;background: #000 }
    33% {box-shadow: 20px 0 #000, -20px 0 #0002;background: #0002}
    66% {box-shadow: 20px 0 #0002,-20px 0 #000; background: #0002}
    100%{box-shadow: 20px 0 #0002,-20px 0 #000; background: #000 }
}