.loading {
    width:300px;
    height:300px;
    position: relative;
}
.loading::before,.loading::after {
    content:'';
    position: absolute;
    left:0;top:0;bottom:0;right:0;
    margin:auto;
    width:0; height:0;
    border-radius:50%;
    background: grey;
    animation: loadingChange 1s linear infinite;
}
.loading::after {
    animation-delay:0.5s;
}
@keyframes loadingChange{
    0% {
        width:0;height:0;opacity: 1;
    }
    100% {
        width:100px;height:100px;opacity:0;
    }
}
.site-welcome.active {
    position:fixed;
    width:100%; height:100%;
    display: flex;
    position:fixed;
    background: white;
    align-items: center;
    justify-content: center;
    z-index:2;
}
.site-welcome {
    display:none;
}