html, body {
    height: 100%;
    margin: 0;
    overflow: hidden;
}

body {
    font-family: var(--font-family-main);
    background: var(--color-bg-chat-scroll);
    color: var(--color-acid-green-light);
    margin: 0;
    padding: 0 0 0 0;
    padding-top: 60px; /* отступ для фиксированного хедера */
    letter-spacing: 0.6px;
    filter: contrast(1.2) saturate(1.4);
    animation: colorShift 10s ease-in-out infinite alternate;
    overflow: hidden;
}

.glitch {
    color: #ff00ff;
    font-size: 1.2rem;
    text-align: center;
    animation: glitch 30s steps(8, end) infinite;
    margin-bottom: 10px;
}

.glitch-2{
    color: #ff00ff;
    font-size: 1.2rem;
    text-align: center;
    animation: glitch 30s steps(8, end) infinite;
    margin-bottom: 10px;
    animation-delay: 12s;
}

.glitch-3{
    color: #ff00ff;
    font-size: 1.2rem;
    text-align: center;
    animation: glitch 30s steps(8, end) infinite;
    margin-bottom: 10px;
    animation-delay: 5s;
}

@keyframes glitch {
    0% {
        text-shadow: 2px 0 var(--color-acid-green-light), -2px 0 var(--color-aquamarine);
    }

    1% {
        text-shadow: -2px -2px var(--color-acid-green-light), 2px 2px var(--color-aquamarine);
    }

    2% {
        text-shadow: 2px -2px var(--color-acid-green-light), -2px 2px var(--color-aquamarine);
    }

    4% {
        text-shadow: -2px 2px var(--color-acid-green-light), 2px -2px var(--color-aquamarine);
    }

    5% {
        text-shadow: 2px 0 var(--color-acid-green-light), -2px 0 var(--color-aquamarine);
    }

    6% {
        text-shadow: none;
    }
}

img.noclick {
    pointer-events: none;
}