<style> @import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@700&display=swap');
.glitch-banner {
background-color: black; padding: 40px 20px; text-align: center; border: 2px solid #00ffff; box-shadow: 0 0 15px #00ffff;
}
.glitch-text {
font-family: 'Orbitron', sans-serif; font-size: 48px; color: #00ffff; text-shadow: 0 0 5px #00ffff; position: relative; display: inline-block; animation: glitch 2s infinite;
}
.glitch-text::before, .glitch-text::after {
content: attr(data-text); position: absolute; left: 0; top: 0; width: 100%; overflow: hidden; color: #ff00ff; z-index: -1;
}
.glitch-text::before {
animation: glitchTop 2s infinite;
}
.glitch-text::after {
color: #00ffff; animation: glitchBottom 2s infinite;
}
@keyframes glitch {
0% { transform: none; }
20% { transform: skew(-0.5deg, -0.9deg); }
40% { transform: skew(0.9deg, 0.3deg); }
60% { transform: skew(-1deg, 0deg); }
80% { transform: skew(0.2deg, 1deg); }
100% { transform: none; }
}
@keyframes glitchTop {
0% { clip: rect(0, 9999px, 0, 0); }
10% { clip: rect(0, 9999px, 20px, 0); transform: translate(-2px, -2px); }
30% { clip: rect(0, 9999px, 10px, 0); transform: translate(2px, 2px); }
50% { clip: rect(0, 9999px, 25px, 0); transform: translate(-1px, 1px); }
70% { clip: rect(0, 9999px, 15px, 0); transform: translate(1px, -1px); }
100% { clip: rect(0, 9999px, 0, 0); }
}
@keyframes glitchBottom {
0% { clip: rect(0, 9999px, 0, 0); }
10% { clip: rect(25px, 9999px, 60px, 0); transform: translate(2px, 1px); }
30% { clip: rect(35px, 9999px, 55px, 0); transform: translate(-1px, -2px); }
50% { clip: rect(20px, 9999px, 50px, 0); transform: translate(2px, 0); }
70% { clip: rect(30px, 9999px, 65px, 0); transform: translate(-2px, 2px); }
100% { clip: rect(0, 9999px, 0, 0); }
}
</style>
🏙️ Explore the City
🛡️ Factions & Power
💾 Tech & Cyberlife
📖 Stories & Lore
✉️ Contact & Credits
Interested in the history of Cyberpunk? Click here!
Built and maintained by Cybernaut.Network
World design by Cybernaut.Network
Some visuals from Unsplash, Pixabay, and open source contributors.
Mediawiki skin by Skin:Citizen