.splash-screen {
  --powered-by-pq-bg: #080f28;
  --splash-bg: white;

  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.splash-screen .splash-logo,
.splash-screen .powered-by-pq {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.splash-screen .splash-logo {
  background: var(--splash-bg);
  flex: 1;
}

.splash-screen .logo {
  width: 50%;
  height: 320px;
  max-height: 80vh;
  background-image: var(--logo);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.splash-screen .powered-by-pq {
  background: var(--powered-by-pq-bg);
  color: white;
  font-family: 'Helvetica Neue', sans-serif;
  font-size: 10px;
  font-weight: 300;
  height: 68px;
}

.splash-screen .powered-by-pq img {
  height: 40px;
}