@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;500&display=swap');
body {
    background-color: #333;
    color: white;
    font-family: 'Poppins', sans-serif;
}

.loading-view-wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 98vh;
    white-space: unset;
}

.loading-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.spin-animation {
    animation-name: spin;
    animation-timing-function: cubic-bezier(0.28, 0.84, 0.42, 1);
    animation-duration: 1.8s;
    animation-iteration-count: infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    10% {
        transform: rotate(-6deg);
    }

    50% {
        transform: rotate(725deg);
    }

    57% {
        transform: rotate(715deg);
    }

    64% {
        transform: rotate(721deg);
    }

    70% {
        transform: rotate(720deg);
    }

    99% {
        transform: rotate(720deg);
    }

    100% {
        transform: rotate(720deg);
    }
}