#splash {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: var(--color_bg);
  text-align: center;
  color: var(--color_text);
  top: 0;
  left: 0
}
#splash_logo {
  position: absolute;
  top: calc(50vh - 13% + 40px + 1em);
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  animation: fadeIn 0.5s ease-in-out forwards;
  width: 55vw;
  max-width: 240px;
  height: 77px;
}
_::-webkit-full-page-media, _:future, :root #splash_logo  {
  top: calc(50svh - 15% + 42px + 1em);
}
@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}