.loading {
    position: fixed;
    margin: auto;
    width: 100%;
    height: 100%;
    animation: backGround 5s ease infinite;
    z-index: 9999999999999999999999;
    opacity: 0.7;
}

.loadingWrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#loading {
    margin: auto;
    height: 100px;
    width: 100px;
    border: transparent;
    border-top: 3px solid #ffcb23;
    border-radius: 50%;
    animation: round 2s linear infinite;
}

.loadingText {
    color: #000000;
    position: relative;
    margin: auto;
    top: 50%;
}


@keyframes round {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes backGround {

    0% {
        background-color: #222222;
    }

    50% {
        background-color: #555555;
    }

    75% {
        background-color: #444444;
    }

    100% {
        background-color: #111111;
    }
}