body {
    background: linear-gradient(45deg, #001a00, #003300, #004400, #005500, #006600, #007700, #00c8ff);
    background-size: 400% 400%;
    color: #33ff33;
    font-family: consolas, monospace;
    text-shadow:
        0 0 4px #ff00ff,
        0 0 8px #00ffff,
        0 0 12px #ffff00,
        0 0 16px #ff3300;
    
    /* Lägg till blur här */
    filter: contrast(180%) saturate(400%) hue-rotate(0deg) blur(2px);

    animation: body-shake 0.08s infinite alternate,
               background-fry 2s linear infinite,
               background-wobble 6s infinite linear,
               background-deform 5s infinite ease-in-out;
    transform-origin: center;
}


/* Snabb neon-färgväxling */
@keyframes background-fry {
    0%   { background-position: 0% 50%; filter: hue-rotate(0deg); }
    25%  { background-position: 50% 50%; filter: hue-rotate(90deg); }
    50%  { background-position: 100% 50%; filter: hue-rotate(180deg); }
    75%  { background-position: 50% 50%; filter: hue-rotate(270deg); }
    100% { background-position: 0% 50%; filter: hue-rotate(360deg); }
}

/* Mild shake på hela sidan */
@keyframes body-shake {
    0%   { transform: translate(0px, 0px) rotate(0deg); }
    50%  { transform: translate(1px, -1px) rotate(0.2deg); }
    100% { transform: translate(-1px, 1px) rotate(-0.2deg); }
}

/* Bakgrund wobble */
@keyframes background-wobble {
    0%   { transform: rotate(0deg); }
    25%  { transform: rotate(1deg); }
    50%  { transform: rotate(-1deg); }
    75%  { transform: rotate(1deg); }
    100% { transform: rotate(0deg); }
}

/* Deformera linjerna */
@keyframes background-deform {
    0%   { background-size: 100% 100%; transform: skewX(0deg) skewY(0deg); }
    25%  { background-size: 102% 98%; transform: skewX(3deg) skewY(-2deg); }
    50%  { background-size: 98% 102%; transform: skewX(-3deg) skewY(2deg); }
    75%  { background-size: 101% 99%; transform: skewX(2deg) skewY(-3deg); }
    100% { background-size: 100% 100%; transform: skewX(0deg) skewY(0deg); }
}

/* Inputs och knappar shake lite */
input,
button {
    font-family: inherit;
    background: linear-gradient(135deg, #ff00ff, #00ffff, #ffff00, #ff3300, #33ff33);
    color: black;
    border: 2px solid #ff33ff;
    padding: 6px 10px;
    box-shadow:
        inset 0 0 6px #00ff00,
        0 0 6px #ff00ff,
        0 0 12px #00ffff;
    transition: transform 0.05s;
    animation: shake-input 0.06s infinite alternate;
}

@keyframes shake-input {
    0%   { transform: translate(0px, 0px) rotate(0deg); }
    25%  { transform: translate(-1px, 1px) rotate(-0.2deg); }
    50%  { transform: translate(1px, -1px) rotate(0.2deg); }
    75%  { transform: translate(-1px, -1px) rotate(-0.1deg); }
    100% { transform: translate(1px, 1px) rotate(0.1deg); }
}