.internetarchive {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: #000000;
 display: flex;
 justify-content: center;
 align-items: center;
 z-index: 9999;
 animation: fit forwards , 1.25s mainc linear forwards 2.0s; 
 pointer-events: none;
}
@keyframes fit {
 0% {opacity: 0;}
 100% {opacity: 1;}
}

@keyframes fo {
 0% {opacity: 1; visibility: visible;}
 100% {opacity: 0; visibility: hidden;}
}

@keyframes mainc {
 0% {opacity: 1;}
 100% {opacity: 0;}
}
  .wipe-right {
  /* Create an oversized mask: transparent section, gradient transition, solid section */
  -webkit-mask-image: linear-gradient(to right, #000 33%, transparent 66%, transparent);
  mask-image: linear-gradient(to right, #000 33%, transparent 66%, transparent);
  
  /* Make the mask 3x the width of the text container to allow a smooth scroll area */
  -webkit-mask-size: 300% 100%;
  mask-size: 300% 100%;
  
  /* Start with the mask completely covering the text with its transparent section */
  -webkit-mask-position: 100% 0;
  mask-position: 100% 0;
  
  /* Link the custom reveal animation */
  animation: textWipeRight 2s ease-out forwards;
}

/* Keyframes to smoothly pull the solid section of the mask over the text */
@keyframes textWipeRight {
  to {
    -webkit-mask-position: 0% 0;
    mask-position: 0% 0;
  }
}
.white {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: #ffffff;
 display: flex;
 justify-content: center;
 align-items: center;
 z-index: 9999;
 animation: fit forwards , 1.25s mainc linear forwards 2.0s; 
 pointer-events: none;
}
.oldthingy {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: #babcff;
 display: flex;
 justify-content: center;
 align-items: center;
 z-index: 9999;
 animation: fit forwards , 1.25s mainc linear forwards 2.0s; 
 pointer-events: none;
}
.bmwboot {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: #0000aa;
 display: flex;
 justify-content: center;
 align-items: center;
 z-index: 9999;
 animation: fit forwards , 1.25s mainc linear forwards 2.0s; 
 pointer-events: none;
}
.audiboot {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: #000044;
 color: white;
 display: flex;
 justify-content: center;
 align-items: center;
 z-index: 9999;
 animation: fit forwards , 1.25s mainc linear forwards 2.0s; 
 pointer-events: none;
}