#redirect {
  background-image: url(../images/redirect-background.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: black;
  z-index: 3000;
  overflow: hidden;
}

#redirect > #redirect-logo {
  position: absolute;
  top: 30%;
  left: 30%;
  transform: translate(-50%, -50%);
  height: 40%;
}

#redirect > #redirect-qrcode {
  position: absolute;
  top: 65%;
  left: 30%;
  transform: translate(-50%, -50%);
  height: 20%;
  border-radius: 20px;
}

#redirect > p {
  position: absolute;
  top: 80%;
  left: 30%;
  transform: translate(-50%, -50%);
  width: 50%;
  color: white;
  font-size: 2svh;
  filter: drop-shadow(0 0 3px rgba(0, 0, 0, 1));
  font-family: "Avenir-Medium", sans-serif;
  text-align: center;
}

#redirect > #sideimages {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: flex-end;
  height: 100%;
  width: 30%;
}

#redirect > #sideimages > img {
  height: 28%;
}