@keyframes spinText {
    0% {
        --counter : 0;
    }
    40% {
        --counter : 0;
    }
    100% {
        --counter : var(--percent);
    }
}

@keyframes modal-animation {
    from {
        opacity : 0;
    }
    to {
        opacity : 1;
    }
}

@keyframes fadeInContent {
    0% {
        opacity : 0;
    }
    100% {
        opacity : 1;
    }
}

@keyframes goPreloader {
    0% {
        opacity : 1;
        transform : rotate(0deg);
        clip-path : polygon(50% 50%, 0% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
    }
    20% {
        opacity : 1;
        clip-path : polygon(50% 50%, 0% 0%, 50% 0%, 100% 0%, 100% 50%, 100% 50%, 100% 50%, 100% 50%, 100% 50%);
    }
    30% {
        opacity : 1;
        clip-path : polygon(50% 50%, 0% 0%, 50% 0%, 100% 0%, 100% 50%, 100% 100%, 50% 100%, 50% 100%, 50% 100%);
    }
    40% {
        opacity : 1;
        clip-path : polygon(50% 50%, 0% 0%, 50% 0%, 100% 0%, 100% 50%, 100% 100%, 50% 100%, 0% 100%, 0% 50%);
    }
    50% {
        opacity : 1;
        clip-path : polygon(50% 50%, 50% 0%, 50% 0%, 100% 0%, 100% 50%, 100% 100%, 50% 100%, 0% 100%, 0% 50%);
    }
    60% {
        opacity : 1;
        clip-path : polygon(50% 50%, 100% 50%, 100% 50%, 100% 50%, 100% 50%, 100% 100%, 50% 100%, 0% 100%, 0% 50%);
    }
    70% {
        opacity : 1;
        clip-path : polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%, 0% 50%);
    }
    80% {
        opacity : 1;
        clip-path : polygon(50% 50%, 0% 100%, 0% 100%, 0% 100%, 0% 100%, 0% 100%, 0% 100%, 0% 100%, 0% 50%);
    }
    90% {
        opacity : 1;
        transform : rotate(360deg);
        clip-path : polygon(50% 50%, 0% 50%, 0% 50%, 0% 50%, 0% 50%, 0% 50%, 0% 50%, 0% 50%, 0% 50%);
    }
    100% {
        opacity : 1;
        clip-path : polygon(50% 50%, 0% 50%, 0% 50%, 0% 50%, 0% 50%, 0% 50%, 0% 50%, 0% 50%, 0% 50%);
    }
}


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


@keyframes rotate90 {
    0% {
        transform : rotate(-90deg);
    }
    100% {
        transform : rotate(0deg);
    }
}