/* Common CSS
 * (c) 2025 Hemschik GmbH
 */

#slogan-backdrop {
  z-index: -1;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  filter: opacity(0.25);
}

#bg-image {
  z-index: -2;
  position: fixed;
  top: 0;
  left: 50%;
  filter: blur(5px) brightness(0.6);
  height: 135%;
  transform: translateX(-50%) translateY(-15%);
}

@media (orientation: landscape) {
  #slogan-backdrop {
    width: 50%;
  }
}

@media (orientation: portrait) {
  #center-logo {
    width: 90vw;
  }
  #slogan-backdrop {
    width: 75%;
  }
}