.loading {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: black;
    display: flex;
    padding-top: 200px;
    align-content: center;
    justify-content: center;
    z-index: 100000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000;
    transition: opacity 1s, visibility 1s;
    
}

.loading-hidden {
    opacity: 0;
    visibility: hidden;
}

.loading::after {
    content: "";
clip-path: polygon(56.65% 32.12%, 52.75% 47.48%, 55.17% 51.67%, 71.66% 56.08%, 93.17% 72.56%, 91.39% 76.1%, 64.71% 66.06%, 53.1% 54.33%, 48.91% 54.33%, 37.95% 65.59%, 10.65% 76.27%, 9.21% 72.04%, 31.48% 55.59%, 46.91% 50.99%, 48.6% 47.53%, 44.95% 32.12%, 48.91% 4.65%, 53.61% 4.14%);
background-color: rgba(255,255,255,0.9);
    width: 70px;
    height: 70px;
    animation: loading 1s ease infinite;
}

@keyframes loading {
    from {
        transform: rotate(0turn);
    }
    to{
        transform: rotate(1turn);
    }
}