:root {
    --menu-scaler: 1.0;
}


@media (min-aspect-ratio : 65/100) and (orientation : portrait) {
    :root {
        --menu-scaler: 0.7;
    }
}


* {
  font-family: inherit;
  box-sizing: inherit;
}

#almostthereContainer {
  z-index: 820;
  /*background-color: #f6f6f6;
    background-image: url('../images/set_background.jpg');
    background-size: cover;
    background-position: center;*/
    background: url('../images/background.png') center center no-repeat;
    background-color: #fdf6d2;
    background-size: cover;
}

@media (min-aspect-ratio : 75/100) and (orientation : portrait) {
    #loadBackground {
        background-size: contain;
    }
}

.absolute-fill {
  position: absolute;
  height: 100%;
    width: 100%;
  /*top: 0;
  left: 0;
  bottom: 0;
  right: 0;*/

}

.hidden {
  display: none !important;
}

.apple-safari-hint {
  position: fixed;
  bottom: 3%;
  right: 8%;
  height: 72px;
}

.desktop-home-link {
    font-size: 2.5vw;
    font-family: 'Varela-Round', sans-serif;
      position: relative;
      /*bottom: 1vw;*/
    z-index: 20;
    color: #ffffff !important;
    background-color: transparent  !important;
    -webkit-user-select: all;  /* Chrome 49+ */
    -moz-user-select: all;     /* Firefox 43+ */
    -ms-user-select: all;      /* No support yet */
    user-select: all;
    pointer-events: auto;
  }

#desktop-home-link-holder {
  transform: translate(0%, 26vh);
  text-align: center;
}


#promptOpenSafari {
    z-index: 11;
    position: absolute;
    top: calc( 20vw * var(--menu-scaler) );
    width: 100vw;
    height: 48vh;
    background: url('../images/prompt_open_safari.png') center center no-repeat;
    background-size: contain;
}


#promptUpdateIOS {
    z-index: 11;
    position: absolute;
    top: calc( 20vw * var(--menu-scaler) );
    width: 100vw;
    height: 48vh;
    background: url('../images/prompt_updateIOS.png') center center no-repeat;
    background-size: contain;
}

#promptUpdateChrome {
    z-index: 11;
    position: absolute;
    top: calc( 20vw * var(--menu-scaler) );
    width: 100vw;
    height: 48vh;
    background: url('../images/prompt_webassembly.png') center center no-repeat;
    background-size: contain;
}

#promptOpenChrome {
    z-index: 11;
    position: absolute;
    top: calc( 20vw * var(--menu-scaler) );
    width: 100vw;
    height: 48vh;
    background: url('../images/prompt_open_chrome.png') center center no-repeat;
    background-size: contain;
}





.error-text-outer-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.error-margin-top-5 {
  margin-top: 5vh;
}

.error-margin-top-20 {
  margin-top: 20vh;
}

.error-text-container {
  flex: 0 0 auto;
  text-align: center;
  width: 90%;
}

.error-text-header {
  font-family: 'Varela-Round', sans-serif;
  font-size: 18pt;
  color: #07416c;
  letter-spacing: .37;
  line-height: 23pt;
}

.error-text-detail {
  font-family: 'Varela-Round', sans-serif;
  font-size: 14pt;
  color: #07416c;
  letter-spacing: .37;
  line-height: 23pt;
}

.error-text-hint {
  font-family: 'Raleway-Regular', sans-serif;
  font-size: 14pt;
  color: #A8A8BA;
  letter-spacing: .37;
}


#error_msg_device
{
    /*background-color: #f6f6f6;
    height: 100vh;*/
    width: 178vh;
    height: 100vh;
    background: url('../images/background.jpg') center center no-repeat;
    background-color: #0071bb;
    background-size: contain;
}

.error-margin-top-20 {
    margin-top: 30vh;
}

#qrcode svg rect{
	fill: #ffffff !important;
}

#qrcode > span {
    z-index: 100;
}

/*#qrcode > span > svg {
    background-color:rgba(0,0,0,0.6) !important;
    border-radius: 1.5vw;
}*/

#qrcode > svg {
    background-color:rgba( 0, 0, 0, 1.0) !important;
    /*background-color: transparent !important;*/
    border-radius: 1.5vw;
}