:root {
    --background-color: #FFFFFF; /* Variable for background color */
    --text-color: #000000;       /* Variable for text color */
}

body {
    font-family: "Arial", sans-serif;
    padding: 0;
    margin: 0;
    background: var(--background-color);
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.ctaDiv {
    background: var(--background-color);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
}

.double-size, #startARButton {
    color: var(--text-color);
    background: var(--background-color);
    border-style: solid;
    border-color: var(--text-color);
    border-width: thin;
    font-size: 3.45vw;
    padding: 2.5vw;
    text-align: center;
    margin-bottom: 5vh;
    z-index: 10;
}

.custom-text {
    color: var(--text-color);
    text-align: center;
    width: 80vw;
    font-size: 3.45vw;
}

.image {
    max-width: 35vw;
    height: auto;
    display: block;
    margin: 0 auto;
}

#unity-container { position: absolute }
#unity-container.unity-desktop { left: 50%; top: 50%; transform: translate(-50%, -50%) }
#unity-container.unity-mobile { width: 100%; height: 100% }
#unity-canvas { background: var(--background-color); }
.unity-mobile #unity-canvas { width: 100%; height: 100% }
#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none }
#unity-logo { width: 154px; height: 130px; background: url('unity-logo-light.png') no-repeat center }
#unity-progress-bar-empty { width: 141px; height: 18px; margin-top: 10px; margin-left: 6.5px; background: url('progress-bar-empty-dark.png') no-repeat center }
#unity-progress-bar-full { width: 0%; height: 18px; margin-top: 10px; background: url('progress-bar-full-dark.png') no-repeat center }
#unity-footer { position: relative }
.unity-mobile #unity-footer { display: none }
#unity-webgl-logo { float:left; width: 204px; height: 38px; background: url('webgl-logo.png') no-repeat center }
#unity-build-title { float: right; margin-right: 10px; line-height: 38px; font-family: arial; font-size: 18px }
#unity-fullscreen-button { float: right; width: 38px; height: 38px; background: url('fullscreen-button.png') no-repeat center }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }


#chooseCamSel {
    visibility: hidden;
}

@media screen and (min-width: 2000px) {

    .double-size, #startARButton {
        font-size: 2vw;
        padding: 1vw;
    }

    .custom-text {
        font-size: 2vw;
    }
}