body {
    margin: 0;
    padding: 0;
    background: black;
    color: #00FF41;
    font-family: 'Courier New', Courier, monospace;
}

.container {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
}

h1 {
    font-size: 3em;
    margin-bottom: 20px;
    color: #FF00FF;
    text-shadow: 0 0 5px #FF00FF, 0 0 10px #FF00FF, 0 0 20px #FF00FF;
    animation: glow 1s infinite alternate;
}

.future-img {
    width: 640px;
    height: 755px;
    border: 3px solid #00FF41;
    box-shadow: 0 0 10px #00FF41, 0 0 20px #00FF41, 0 0 40px #00FF41;
    margin-bottom: 20px;
    animation: glitch 3s infinite;
}

.rant {
    font-size: 1.2em;
    line-height: 1.5;
    margin-bottom: 20px;
    text-shadow: 0 0 5px #00FF41, 0 0 10px #00FF41;
    animation: flicker 0.2s infinite;
}

@keyframes glow {
    from {
        text-shadow: 0 0 10px #FF00FF, 0 0 20px #FF00FF, 0 0 30px #FF00FF, 0 0 40px #FF00FF;
    }
    to {
        text-shadow: 0 0 20px #FF00FF, 0 0 30px #FF00FF, 0 0 40px #FF00FF, 0 0 50px #FF00FF;
    }
}

@keyframes glitch {
    0%, 20%, 40%, 60%, 80%, 100% {
        transform: translate(0, 0);
    }
    10% {
        transform: translate(-5px, 5px);
    }
    30% {
        transform: translate(5px, -5px);
    }
    50% {
        transform: translate(-5px, -5px);
    }
    70% {
        transform: translate(5px, 5px);
    }
    90% {
        transform: translate(-5px, 5px);
    }
}

@keyframes flicker {
    0%, 19.999%, 22%, 62.999%, 64%, 64.999%, 70%, 100% {
        opacity: 0.99;
    }
    20%, 21.999%, 63%, 63.999%, 65%, 69.999% {
        opacity: 0.4;
    }
}
