.loading {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #000000;
    pointer-events: none;
    z-index: 100;
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: 2s;
            animation-duration: 2s;
    -webkit-animation-delay: 2s;
            animation-delay: 2s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
}

.loadingHeight {
    -webkit-animation-name: loadingHeight;
    animation-name: loadingHeight;
    -webkit-animation-delay: 2s;
            animation-delay: 2s;
    -webkit-animation-fill-mode: backwards;
            animation-fill-mode: backwards;
}

@-webkit-keyframes fadeOut {

    from {
        opacity: 1;
        z-index: 10000;
    }
    to {
        opacity: 0;
        z-index: -100;
    }
    
}
@-webkit-keyframes loadingHeight {

    from {
        height: 100vh;
        overflow: hidden;
    }
    to {
        height: -webkit-fit-content;
        height: fit-content;
        overflow: hidden;
    }
    
}