WPD-CSS-STUFF/users/srNand0.css

{
    Trying to use a fucking custom font Regular: https: //files.catbox.moe/9vet1m.ttf
        Medium: https: //files.catbox.moe/ap02k1.ttf
}

@font-face {
    font-family: "Poppins";
    src: url(https://files.catbox.moe/9vet1m.ttf);
}

* {
    font-family: "Poppins";
}

#profile--pronouns,
#profile-mobile--pronouns {
    font-size: 0px !important;
}

#profile--pronouns::after,
#profile-mobile--pronouns::after {
    font-size: 14px !important;
    content: "kill/me";
}

.srd {
    font-size: 0px;
    background-color: #F00;
}

.srd::after {
    color: #FFFFBC;
    font-size: 24px;
    filter: drop-shadow(0px 0px 8px #FFBC00);
    content: "WHAT IS THE HUMAN LIMIT?";
}

h1,
#profile--name span,
#profile-mobile--name span {
    animation: bloom 4s 0s linear normal infinite !important;
}

#profile--name span,
#profile-mobile--name span {
    border-radius: 0px !important;
    padding: 0px !important;
    background-color: #00000000 !important;
}

h3 span {
    position: relative;
    padding: 0px 8px;
    border-radius: 4px;
    background: #000;
    color: #FFF;
}

h3 span::before,
h3 span::after {
    position: absolute;
    content: attr(id);
    padding: 0px 4px;
    background: #000;
    overflow: hidden;
}

h3 span::before {
    color: #FFFFBC;
    left: 2px;
    text-shadow: -1px 0 #FFBC00, -2px 0 #FF0000;
    animation: glitch-1 2s 0s linear normal infinite;
}

h3 span::after {
    color: #BCFFFF;
    left: 6px;
    text-shadow: 1px 0 #00BCFF, 2px 0 #0000FF;
    animation: glitch-2 2s 0s linear normal infinite;
}

@keyframes glitch-1 {
    0% {
        clip-path: circle(0);
    }

    20% {
        clip-path: circle(0);
    }

    24% {
        clip-path: polygon(0% 50%, 0% 75%, 100% 75%, 100% 50%);
    }

    28% {
        clip-path: circle(0);
    }

    30% {
        clip-path: circle(0);
    }

    32% {
        clip-path: polygon(0% 20%, 0% 40%, 100% 40%, 100% 20%);
    }

    34% {
        clip-path: circle(0);
    }

    52% {
        clip-path: circle(0);
    }

    56% {
        clip-path: polygon(0% 25%, 0% 75%, 100% 75%, 100% 25%);
    }

    60% {
        clip-path: circle(0);
    }

    80% {
        clip-path: circle(0);
    }

    82% {
        clip-path: polygon(0% 15%, 0% 30%, 100% 30%, 100% 15%);
    }

    84% {
        clip-path: circle(0);
    }

    86% {
        clip-path: circle(0);
    }

    88% {
        clip-path: polygon(0% 70%, 0% 80%, 100% 80%, 100% 70%);
    }

    90% {
        clip-path: circle(0);
    }

    100% {
        clip-path: circle(0);
    }
}

@keyframes glitch-2 {
    0% {
        clip-path: circle(0);
    }

    6% {
        clip-path: circle(0);
    }

    8% {
        clip-path: polygon(0% 20%, 0% 40%, 100% 40%, 100% 20%);
    }

    10% {
        clip-path: circle(0);
    }

    40% {
        clip-path: circle(0);
    }

    42% {
        clip-path: polygon(0% 70%, 0% 80%, 100% 80%, 100% 70%);
    }

    44% {
        clip-path: circle(0);
    }

    46% {
        clip-path: circle(0);
    }

    48% {
        clip-path: polygon(0% 15%, 0% 30%, 100% 30%, 100% 15%);
    }

    50% {
        clip-path: circle(0);
    }

    70% {
        clip-path: circle(0);
    }

    74% {
        clip-path: polygon(0% 25%, 0% 50%, 100% 50%, 100% 25%);
    }

    78% {
        clip-path: circle(0);
    }

    90% {
        clip-path: circle(0);
    }

    94% {
        clip-path: polygon(0% 30%, 0% 70%, 100% 70%, 100% 30%);
    }

    98% {
        clip-path: circle(0);
    }

    100% {
        clip-path: circle(0);
    }
}

@keyframes bloom {
    0% {
        color: #FF0000;
        filter: drop-shadow(0px 0px 1px #FF000000) drop-shadow(0px 0px 2px #FF000000) drop-shadow(0px 0px 4px #FF000000) drop-shadow(0px 0px 8px #FF000000) drop-shadow(0px 0px 16px #FF000000);
    }

    25% {
        color: #FF8963;
        filter: drop-shadow(0px 0px 1px #FF000080) drop-shadow(0px 0px 2px #FF000080) drop-shadow(0px 0px 4px #FF000080) drop-shadow(0px 0px 8px #FF000080) drop-shadow(0px 0px 16px #FF000080);
    }

    50% {
        color: #FFFFBC;
        filter: drop-shadow(0px 0px 1px red) drop-shadow(0px 0px 2px red) drop-shadow(0px 0px 4px red) drop-shadow(0px 0px 8px red) drop-shadow(0px 0px 16px red);
    }

    75% {
        color: #FF8963;
        filter: drop-shadow(0px 0px 1px #FF000080) drop-shadow(0px 0px 2px #FF000080) drop-shadow(0px 0px 4px #FF000080) drop-shadow(0px 0px 8px #FF000080) drop-shadow(0px 0px 16px #FF000080);
    }

    100% {
        color: #FF0000;
        filter: drop-shadow(0px 0px 1px #FF000000) drop-shadow(0px 0px 2px #FF000000) drop-shadow(0px 0px 4px #FF000000) drop-shadow(0px 0px 8px #FF000000) drop-shadow(0px 0px 16px #FF000000);
    }
}

body {
    background: url("https://i.watchpeopledie.tv/images/1728626779933711.webp") center center fixed;
    background-size: auto;
}