body {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: url("ic-bg.png") no-repeat center;
  background-size: cover;
}
@font-face {
  font-family: "Danzza";
  src: local("Danzza Regular"), url("Danzza-Regular.woff") format("woff");
}
@font-face {
  font-family: "Danzza Medium";
  src: local("Danzza Medium"), url("Danzza-Medium.woff") format("woff");
}
#desktop-redirect {
  display: none;
  flex-direction: column;
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("ic-desktop.png") no-repeat center;
  background-size: cover;
  text-align: center;
  justify-content: center;
  align-items: center;
  color: #fff2d4;
  font-size: calc(14px + 0.3vmax);
}
.desktop-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 40vmax;
  font-family: "Danzza";
}
.desktop-logo {
  margin-bottom: 15px;
  width: 14vmax;
  min-width: 140px;
}
.qrcode {
  width: 6vmax;
  margin-top: 30px;
  min-width: 90px;
}
.separator {
  width: 22vmax;
  margin-bottom: 10px;
}
.desktop-footer-text {
  bottom: 50px;
  position: absolute;
  font-size: 0.9vmax;
  font-family: "Danzza Medium";
  display: flex;
  flex-direction: column;
  color: #fff2d4;
  font-weight: initial;
}
.bnp-logo {
  bottom: 50px;
  left: 50px;
  position: absolute;
  font-size: 1vmax;
  height: 4vmax;
}
.wg-logo {
  bottom: 50px;
  right: 50px;
  position: absolute;
  font-size: 1vmax;
  height: 4vmax;
}
#portrait-redirect {
  display: none;
  position: absolute;
  flex-direction: column;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: url("ic-bg.png") no-repeat center;
  text-align: center;
  justify-content: center;
  align-items: center;
  color: #fff2d4;
  font-size: 2vmax;
  font-family: "Danzza";
}
#safari-disclaimer {
  display: none;
  position: absolute;
  flex-direction: column;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: url("ic-bg.png") no-repeat center;
  text-align: center;
  justify-content: center;
  align-items: center;
  color: #fff2d4;
  font-size: 2vmax;
  font-family: "Danzza";
  padding-left: 5%;
  padding-right: 5%;
}
#ipad-disclaimer {
  display: none;
  position: absolute;
  flex-direction: column;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: url("ic-bg.png") no-repeat center;
  text-align: center;
  justify-content: center;
  align-items: center;
  color: #fff2d4;
  font-size: 2vmax;
  font-family: "Danzza";
  padding-left: 5%;
  padding-right: 5%;
}
#unity-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
#unity-canvas {
  background-color: #3b4c3c;
  background-size: cover;
  width: 100%;
  height: 100%;
}
#unity-loading {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
  justify-content: center;
  text-align: center;
}
#unity-logo {
  width: 154px;
  height: 130px;
  background: url("ic-logo.png") no-repeat center;
  background-size: contain;
}
#unity-loader {
  width: 50px;
  height: 50px;
  margin-top: 10px;
  animation: 2s rotate infinite linear;
}
@media screen and (orientation: landscape) {
  #portrait-redirect {
    display: flex;
  }
  #unity-container {
    display: none;
  }
}
@keyframes rotate {
  100% {
    transform: rotate(1turn);
  }
}