@font-face {
    font-family: futuraBold;
    src: url('/Fonts/Futura Bold.otf');
    font-weight: normal;
}


@font-face {
    font-family: futuraPTBook;
    src: url('/Fonts/Futura PT Book.ttf');
    font-weight: normal;
}

@font-face {
    font-family: futuraPTMedium;
    src: url('/Fonts/Futura PT Medium.ttf');
    font-weight: normal;
}

@font-face {
    font-family: futuraMedium;
    src: url('/Fonts/Futura Medium.otf');
    font-weight: normal;
}

@font-face {
    font-family: futuraPTHeavy;
    src: url('/Fonts/Futura PT Heavy.ttf');
    font-weight: normal;
}

html,
body {
    overscroll-behavior-y: contain;
    overflow: hidden;
    touch-action: manipulation;
    user-select: none;
}
.mainloadingcontainer {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.loadinglogo {
    position: relative;
    margin-top: 30.6vh;
    height: 8.15vh;
}

.loading-container {
    position: relative;
    margin-top: 31.3vh;
    width: 71.65vw;
    display: flex;
    flex-direction: column;
    align-content: flex-start;
}

.loading-text-container {
    display: flex;
    flex-direction: row;
}

.loading-text {
    margin-left: 0.3vw;
    font-size: 2.57vw;
    text-transform: uppercase;
    font-family: futuraPTBook;
    letter-spacing: 0.22vh;
}


    .loading-text:after {
        text-transform: uppercase;
        font-family: 'Futura PT';
        animation: ellipsis steps(1,end) 900ms infinite;
        content: "\2026"; /*  ascii code for the ellipsis character*/
    }

@keyframes ellipsis {
    0% {
        content: '';
    }

    25% {
        content: '.';
    }

    50% {
        content: '..';
    }

    75% {
        content: '...';
    }

    100% {
        content: '';
    }
}

.loading-bar-container {
    margin-top: 0.14vh;
    display: flex;
    flex-direction: row;
}

.box {
    margin-right: 0.7vw;
    height: 2.22vh;
}

.copyright-text {
    position: absolute;
    bottom: 5.16vh;
    font-size: 2.2vw;
    font-family: futuraPTBook;
}


.bottom-bar {
    position: absolute;
    bottom: 0%;
    height: 1.3vh;
    width: 100%;
    background-color: #353535;
}