
@keyframes glitch-1 {
    0% { clip-path: inset(10% 0 80% 0); }
    20% { clip-path: inset(30% 0 45% 0); }
    40% { clip-path: inset(60% 0 20% 0); }
    60% { clip-path: inset(15% 0 65% 0); }
    80% { clip-path: inset(75% 0 5% 0); }
    100% { clip-path: inset(40% 0 35% 0); }
}

@keyframes glitch-2 {
    0% { clip-path: inset(70% 0 10% 0); }
    20% { clip-path: inset(20% 0 60% 0); }
    40% { clip-path: inset(45% 0 30% 0); }
    60% { clip-path: inset(5% 0 80% 0); }
    80% { clip-path: inset(55% 0 25% 0); }
    100% { clip-path: inset(25% 0 50% 0); }
}

@keyframes blink {
    0%, 45% {
        opacity: 1;
    }

    46%, 100% {
        opacity: 0;
    }
}

@keyframes pixelCardGlitchAnim {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-50px);
    }
}

@keyframes avatarImageBackground {
    from {  
        background-size: 100px;
    }
    to {
        background-size: 1000px;
    }
}

@keyframes avatarIntroImageAnim {
    from {
        scale: 0.1;
    }
    to {
        scale: 1;
    }
}

@keyframes avatarImageAnim {
    0% {
        transform: rotateY(0);
    }
    90% {
        transform: rotateY(0);
    }
    100% {
        transform: rotateY(360deg);
    }
}


@keyframes glitchSlices {
    0%, 88%, 100% {
        opacity: 0;
        transform: translateX(0);
        clip-path: inset(0 0 0 0);
    }

    89% {
        opacity: 0.55;
        transform: translateX(-8px);
        clip-path: inset(12% 0 78% 0);
    }

    91% {
        opacity: 0.45;
        transform: translateX(10px);
        clip-path: inset(38% 0 48% 0);
    }

    93% {
        opacity: 0.5;
        transform: translateX(-14px);
        clip-path: inset(62% 0 28% 0);
    }

    95% {
        opacity: 0.4;
        transform: translateX(6px);
        clip-path: inset(82% 0 8% 0);
    }

    97% {
        opacity: 0.3;
        transform: translateX(6px);
        clip-path: inset(10% 0% 50% 0%);
    }
}

@keyframes avatarImageGlitchAnim {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-100px);
    }
}