#splash {
  position: fixed; top: 0; left: 0; width: 100%; height: 100%;
  background: black; display: flex; justify-content: center; align-items: center; z-index: 9999;
}
#splash h1 { font-size: 3rem; font-family: Arial, sans-serif; text-align: center; color: black; opacity: 0;
  animation: fadeInWhite 0.5s forwards; animation-delay: 0.5s; }
@keyframes fadeInWhite { from { color: black; opacity: 0; } to { color: white; opacity: 1; } }
.fade-out { animation: fadeOut 0.5s forwards; }
@keyframes fadeOut { to { opacity: 0; visibility: hidden; } }