body.pizdec-body {
    background-color: #ff00ff;
    font-family: 'Comic Sans MS', cursive, sans-serif;
    color: #00ff00;
    margin: 0;
    padding: 0;
    animation: background-noise 0.25s steps(2) infinite, color-cycle 3s linear infinite, background-pulse 1.5s ease-in-out infinite alternate;
    overflow-x: hidden;
    cursor: url('cursor_pizdec.gif'), auto;
}

body.pizdec-body.cursor-pizdec-active {
    cursor: url('cursor_pizdec_active.gif'), auto;
}


@keyframes background-noise {
    0%, 100% { background-color: #ff00ff; }
    50% { background-color: #cc00cc; }
}

@keyframes background-blink {
    50% { background-color: rgba(255,0,255, 0.5); }
}

@keyframes background-pulse {
    50% { transform: scale(1.05); }
}


@keyframes text-blink {
    to {
        color: transparent;
        text-shadow: none;
    }
}


@keyframes color-cycle {
    0% { background-color: #ff00ff; }
    20% { background-color: #00ffff; }
    40% { background-color: #ffff00; }
    60% { background-color: #00ff00; }
    80% { background-color: #ff0000; }
    100% { background-color: #ff00ff; }
}


.pizdec-header {
    background-color: #000;
    color: #fff;
    padding: 20px;
    text-align: center;
    border-bottom: 5px dashed red;
    animation: header-color-blink 1s steps(10) infinite, header-translate-y 2s linear infinite alternate;
}

@keyframes header-color-blink {
    50% { background-color: red; }
}

@keyframes header-translate-y {
    50% { transform: translateY(5px); }
}


.pizdec-h1 {
    font-size: 3em;
    margin-bottom: 10px;
    text-shadow: 2px 2px 5px red, -2px -2px 5px blue;
    animation: text-blink 0.15s steps(5, start) infinite, text-size-jump 0.5s ease-in-out infinite alternate, text-rotate 4s linear infinite alternate;
}

@keyframes text-size-jump {
    0% { font-size: 3em; }
    100% { font-size: 4em; }
}

@keyframes text-rotate {
    50% { transform: rotate(-2deg); }
}


.pizdec-banner {
    max-width: 100%;
    height: auto;
    animation: banner-rotate 1.5s linear infinite, banner-jump 0.35s ease-in-out infinite alternate, banner-color-shift 5s linear infinite, banner-scale-pulse 2.5s ease-in-out infinite alternate;
}

@keyframes banner-rotate {
    to { transform: rotate(360deg); }
}

@keyframes banner-jump {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

@keyframes banner-color-shift {
    to { filter: hue-rotate(360deg); }
}

@keyframes banner-scale-pulse {
    50% { transform: scale(1.05); }
}


.pizdec-main {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 20px;
    animation: main-rotate 5s linear infinite, main-skew 6s linear infinite alternate;
}

@keyframes main-rotate {
    to { transform: rotate(10deg); }
}

@keyframes main-skew {
    50% { transform: skewY(2deg); }
}


.pizdec-article {
    background-color: rgba(255, 255, 0, 0.8);
    border: 3px dotted #000;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
    position: relative;
    animation: article-skew 3s linear infinite alternate, article-translate-x 4s linear infinite alternate;
}

@keyframes article-skew {
    0% { transform: skewX(0deg); }
    100% { transform: skewX(15deg); }
}

@keyframes article-translate-x {
    50% { transform: translateX(10px); }
}


.pizdec-h2 {
    font-size: 2em;
    color: #ff0000;
    text-decoration: underline wavy blue;
    animation: h2-translate 5s linear infinite alternate, h2-scale-y 3s linear infinite alternate;
}

@keyframes h2-translate {
    0% { transform: translateX(0); }
    100% { transform: translateX(30px); }
}

@keyframes h2-scale-y {
    50% { transform: scaleY(1.1); }
}


.pizdec-article-image {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
    border: 2px solid #000;
    animation: image-shake 0.15s linear infinite, image-fade-blink 1.5s steps(20) infinite, image-scale-small 4s ease-in-out infinite alternate;
}

@keyframes image-fade-blink {
    50% { opacity: 0.1; }
}

@keyframes image-scale-small {
    50% { transform: scale(0.9); }
}


.pizdec-p {
    font-size: 1.2em;
    line-height: 1.5;
    text-align: justify;
    animation: p-rotate-skew 8s linear infinite alternate, p-translate-y 5s linear infinite alternate;
}

@keyframes p-rotate-skew {
    0% { transform: rotate(0deg) skewY(0deg); }
    50% { transform: rotate(3deg) skewY(7deg); }
    100% { transform: rotate(-3deg) skewY(-7deg); }
}

@keyframes p-translate-y {
    50% { transform: translateY(-5px); }
}


.pizdec-read-more {
    display: block;
    background-color: #0000ff;
    color: #fff;
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    margin-top: 10px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    transition: background-color 0.3s ease;
    animation: read-more-pulse 1s ease-in-out infinite alternate, read-more-translate-x 6s linear infinite alternate;
}

@keyframes read-more-pulse {
    0% { transform: scale(1); }
    100% { transform: scale(1.2); }
}

@keyframes read-more-translate-x {
    50% { transform: translateX(-15px); }
}


.pizdec-read-more:hover {
    background-color: #ff0000;
    animation: read-more-hover-color-blink 0.5s steps(5) infinite;
}

@keyframes read-more-hover-color-blink {
    50% { background-color: darkred; }
}



.pizdec-animation-container {
    background-color: rgba(0, 255, 255, 0.5);
    border: 3px double #00ff00;
    padding: 20px;
    margin-bottom: 20px;
    text-align: center;
    animation: animation-container-slide 5s linear infinite alternate, animation-container-scale 4s ease-in-out infinite alternate;
}

@keyframes animation-container-slide {
    0% { transform: translateY(0); }
    100% { transform: translateY(40px); }
}

@keyframes animation-container-scale {
    50% { transform: scale(0.95); }
}


.pizdec-h3 {
    font-size: 1.5em;
    color: #000;
    margin-bottom: 15px;
    text-transform: uppercase;
    animation: h3-rotate-skew-blink 6s linear infinite alternate, h3-translate-y 7s linear infinite alternate;
}

@keyframes h3-rotate-skew-blink {
    0% { transform: rotate(0deg) skewX(0deg); opacity: 1; }
    33% { transform: rotate(7deg) skewX(15deg); opacity: 0.3; }
    66% { transform: rotate(-7deg) skewX(-15deg); opacity: 0.6; }
    100% { transform: rotate(0deg) skewX(0deg); opacity: 1; }
}

@keyframes h3-translate-y {
    50% { transform: translateY(8px); }
}


.pizdec-explosion {
    font-size: 3em;
    color: red;
    animation: explosion-animation 0.15s steps(5) infinite, explosion-color-pulse 0.75s linear infinite alternate, explosion-scale-bigger 3s ease-in-out infinite alternate;
}

@keyframes explosion-animation {
    0%, 100% { content: "💥💥💥"; }
    50% { content: ""; }
}

@keyframes explosion-color-pulse {
    0% { color: red; }
    100% { color: darkred; }
}

@keyframes explosion-scale-bigger {
    50% { transform: scale(1.2); }
}


.pizdec-pixel-boobs {
    font-size: 2em;
    animation: pixel-boobs-animation 0.15s steps(2) infinite, pixel-boobs-translate 4s linear infinite alternate, pixel-boobs-scale-up-down 5s ease-in-out infinite alternate;
}

@keyframes pixel-boobs-animation {
    0%, 100% { content: "[] []"; }
    50% { content: ")( )("; }
}

@keyframes pixel-boobs-translate {
    0% { transform: translateX(0); }
    100% { transform: translateX(50px); }
}

@keyframes pixel-boobs-scale-up-down {
    50% { transform: scale(1.1); }
}



.pizdec-popup {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.8);
    animation: popup-fade-in 0.5s ease-in-out, popup-translate-y 5s linear infinite alternate;
}

@keyframes popup-fade-in {
    0% { opacity: 0; transform: scale(0.5); }
    100% { opacity: 1; transform: scale(1); }
}

@keyframes popup-translate-y {
    50% { transform: translateY(-10px); }
}


.popup-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    position: relative;
    animation: popup-content-rotate 10s linear infinite, popup-content-skew-x 6s linear infinite alternate;
}

@keyframes popup-content-rotate {
    to { transform: rotate(-5deg); }
}

@keyframes popup-content-skew-x {
    50% { transform: skewX(3deg); }
}


.pizdec-popup-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    transition: color 0.15s ease, transform 0.15s ease;
    animation: popup-close-rotate-scale 4s linear infinite alternate;
}

@keyframes popup-close-rotate-scale {
    50% { transform: rotate(360deg) scale(1.3); }
}


.pizdec-popup-close:hover,
.pizdec-popup-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
    transform: rotate(180deg) scale(1.5);
}

.pizdec-popup-h2 {
    font-size: 2.5em;
    color: #ff00ff;
    text-align: center;
    margin-bottom: 20px;
    animation: popup-h2-skew-y 4s linear infinite alternate, popup-h2-translate-x 3s linear infinite alternate;
}

@keyframes popup-h2-skew-y {
    0% { transform: skewY(0deg); }
    100% { transform: skewY(-20deg); }
}

@keyframes popup-h2-translate-x {
    50% { transform: translateX(15px); }
}


.pizdec-popup-image {
    max-width: 100%;
    height: auto;
    border: 5px solid #ff0000;
    animation: popup-image-border-blink 2s steps(16) infinite, popup-image-rotate-scale 6s linear infinite alternate;
}

@keyframes popup-image-border-blink {
    50% { border-color: transparent; }
}
@keyframes popup-image-rotate-scale {
    50% { transform: rotate(5deg) scale(1.05); }
}



.pizdec-footer {
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 10px;
    border-top: 5px double yellow;
    font-size: 0.8em;
    animation: footer-translate-y 6s linear infinite alternate, footer-scale-pulse 4.5s ease-in-out infinite alternate;
}

@keyframes footer-translate-y {
    0% { transform: translateY(0); }
    100% { transform: translateY(15px); }
}

@keyframes footer-scale-pulse {
    50% { transform: scale(1.02); }
}


.pizdec-screamer {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 1000;
    justify-content: center;
    align-items: center;
    text-align: center;
    animation: screamer-fade-in-out 1s ease-in-out infinite alternate, screamer-translate-x 5s linear infinite alternate;
}

@keyframes screamer-fade-in-out {
    0% { opacity: 0.1; }
    100% { opacity: 0.95; }
}

@keyframes screamer-translate-x {
    50% { transform: translateX(20px); }
}


.pizdec-screamer-image, .pizdec-screamer-video {
    max-width: 90%;
    max-height: 90%;
    display: block;
    margin: auto;
    animation: screamer-image-rotate 3s linear infinite, screamer-image-scale 2.5s ease-in-out infinite alternate, screamer-image-skew-y 4s linear infinite alternate;
}

@keyframes screamer-image-rotate {
    to { transform: rotate(-10deg); }
}

@keyframes screamer-image-scale {
    0% { transform: scale(1); }
    100% { transform: scale(1.3); }
}
@keyframes screamer-image-skew-y {
    50% { transform: skewY(5deg); }
}


.pizdec-explode-button {
    position: fixed;
    bottom: 20px;
    left: 20px;
    padding: 15px 25px;
    font-size: 1.5em;
    background-color: red;
    color: white;
    border: 3px solid black;
    border-radius: 10px;
    cursor: pointer;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.7);
    z-index: 999;
    transition: background-color 0.15s ease, transform 0.1s ease;
    animation: explode-button-shake-xy 2s linear infinite alternate, explode-button-scale 3s ease-in-out infinite alternate;
}

@keyframes explode-button-shake-xy {
    0% { transform: translate(0, 0); }
    25% { transform: translate(7px, 7px); }
    50% { transform: translate(0px, -7px); }
    75% { transform: translate(-7px, 0px); }
    100% { transform: translate(0, 0); }
}

@keyframes explode-button-scale {
    50% { transform: scale(1.08); }
}


.pizdec-explode-button:hover {
    background-color: darkred;
}

.pizdec-explode-button:active {
    transform: scale(0.9);
}


.pizdec-explosion-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.95);
    z-index: 9999;
    justify-content: center;
    align-items: center;
    text-align: center;
    animation: explosion-image-scale-rotate 5s linear infinite alternate, explosion-overlay-fade-in-out 1.5s ease-in-out infinite alternate;
}

@keyframes explosion-image-scale-rotate {
    0% { transform: scale(1) rotate(0deg); }
    100% { transform: scale(1.5) rotate(15deg); }
}
@keyframes explosion-overlay-fade-in-out {
    50% { opacity: 0.8; }
}


.pizdec-flicker-container {
    position: fixed;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 500;
}

.pizdec-flicker-element {
    display: none;
    position: absolute;
    font-size: 2em;
    color: red;
    text-shadow: 2px 2px 5px black;
    animation: flicker-animation 0.05s steps(2) infinite, flicker-translate-skew 2s linear infinite alternate, flicker-scale-random 2.5s ease-in-out infinite alternate;
}

@keyframes flicker-animation {
    50% { opacity: 0; }
}

@keyframes flicker-translate-skew {
    0% { transform: translate(0, 0) skewX(0deg); }
    100% { transform: translate(60px, -30px) skewX(-30deg); }
}
@keyframes flicker-scale-random {
    25% { transform: scale(0.8); }
    75% { transform: scale(1.2); }
}


@keyframes pizdec-shake {
    0%, 100% { transform: translate(0, 0) rotate(0deg); }
    10% { transform: translate(-15px, -7px) rotate(-7deg); }
    20% { transform: translate(22px, 15px) rotate(10deg); }
    30% { transform: translate(-10px, 10px) rotate(-3deg); }
    40% { transform: translate(18px, -12px) rotate(5deg); }
    50% { transform: translate(-7px, 7px) rotate(-2deg); }
    60% { transform: translate(12px, -9px) rotate(6deg); }
    70% { transform: translate(-5px, 5px) rotate(-3deg); }
    80% { transform: translate(9px, -6px) rotate(3deg); }
    90% { transform: translate(-3px, 3px) rotate(-1deg); }
}


@keyframes pizdec-background-blink {
    0%, 10%, 30%, 50%, 70%, 90%, 100% { background-color: transparent; }
    5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { background-color: rgba(255, 0, 255, 0.9); }
}


@keyframes pizdec-text-blink {
    0%, 10%, 30%, 50%, 70%, 90%, 100% { color: white; text-shadow: 3px 3px 7px red, -3px -3px 7px blue; }
    5%, 15%, 25%, 35%, 45%, 55%, 65%, 75%, 85%, 95% { color: transparent; text-shadow: none; }
}