html, body { margin: 0; padding: 0; background: #173C56; overflow: hidden; height: 100%; cursor: none; } body { animation: glitchShift 1.5s infinite steps(2); } .cyber-cursor { position: fixed; width: 20px; height: 20px; border-radius: 50%; background: radial-gradient(circle, rgba(0,255,255,0.7), rgba(0,122,255,0.3)); box-shadow: 0 0 20px rgba(0,255,255,1); pointer-events: none; z-index: 9999; transform: translate(-50%, -50%); } .glitch-effect { position: absolute; width: 100vw; height: 100vh; background: repeating-linear-gradient(0deg, rgba(0,255,255,0.04), rgba(0,255,255,0.04) 1px, transparent 1px, transparent 3px); animation: glitchFlicker 2s infinite; mix-blend-mode: screen; z-index: 3; pointer-events: none; } .neon-fog { position: absolute; width: 100vw; height: 100vh; background: radial-gradient(circle at center, rgba(0,255,255,0.07), rgba(0,0,0,0.12)); z-index: 2; mix-blend-mode: screen; pointer-events: none; animation: fogShift 30s ease-in-out infinite; } @keyframes glitchFlicker { 0%, 100% { opacity: 0.04; } 50% { opacity: 0.1; } } @keyframes fogShift { 0% { background-position: 0% 0%; } 50% { background-position: 100% 100%; } 100% { background-position: 0% 0%; } } .starfield { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; background-image: url('https://upload.wikimedia.org/wikipedia/commons/3/3f/Fake_starfield.png'); background-size: cover; background-position: center; opacity: 0.12; z-index: 1; } .grid-overlay { position: absolute; top: 0; left: 0; width: 100vw; height: 100vh; background: repeating-linear-gradient(0deg, rgba(0,255,255,0.08) 0, rgba(0,255,255,0.08) 1px, transparent 1px, transparent 20px), repeating-linear-gradient(90deg, rgba(0,255,255,0.08) 0, rgba(0,255,255,0.08) 1px, transparent 1px, transparent 20px); mix-blend-mode: screen; z-index: 45; pointer-events: none; } .portal-generator { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 50; width: calc(min(100vw - 200px, 100vh - 200px)); height: calc(min(100vw - 200px, 100vh - 200px)); background: conic-gradient(from 90deg, rgba(0,255,255,0.15), rgba(0,122,255,0.35), rgba(255,255,255,0.15)); border: 2px solid rgba(0,255,255,0.5); border-radius: 50%; box-shadow: 0 0 30px rgba(0,255,255,0.8), 0 0 60px rgba(0,122,255,0.5); animation: rotateGenerator 10s linear infinite, generatorPulse 4s ease-in-out infinite; display: flex; align-items: center; justify-content: center; } .timer-box { background: rgba(0, 0, 0, 1); border: 2px solid rgba(0,255,255,0.5); border-radius: 20px; padding: 20px; font-family: monospace; font-size: 2vw; color: white; z-index: 60; text-align: center; } .portal-container { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 51; } .portal-generator::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60%; height: 60%; border-radius: 50%; background: radial-gradient(circle, rgba(255,255,255,0.25), transparent 70%); animation: innerPulse 3s ease-in-out infinite; } .portal-generator::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; box-shadow: 0 0 12px 3px rgba(0,255,255,0.3); animation: flickerGlow 1.5s infinite ease-in-out; } .tech-overlay, .flower-of-life, .overlay { position: absolute; width: 100vw; height: 100vh; top: 0; left: 0; } .tech-overlay { background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/6/6b/Geometric_Shapes.svg/2048px-Geometric_Shapes.svg.png'); background-size: contain; background-position: center; background-repeat: no-repeat; opacity: 0.15; mix-blend-mode: overlay; filter: grayscale(1) contrast(1); } .flower-of-life { background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/5/58/Flower-of-Life.svg/1024px-Flower-of-Life.svg.png'); background-size: contain; background-repeat: no-repeat; background-position: center; opacity: 0.07; } .overlay { background: rgba(0, 0, 0, 0.5); mix-blend-mode: multiply; animation: overlayPulse 8s ease-in-out infinite; } @keyframes rotateGenerator { from { transform: translate(-50%, -50%) rotate(0deg); } to { transform: translate(-50%, -50%) rotate(360deg); } }
⚙️
Wartungsarbeiten
Resonance Realms EU
Meldet sich bald zurück. Bitte habe einen Moment Geduld, während wir das Portal neu kalibrieren.
Kontakt:
mail@sascha-mehrer.com
const cursor = document.getElementById('cursor'); document.addEventListener('mousemove', e => { cursor.style.left = `${e.clientX}px`; cursor.style.top = `${e.clientY}px`; }); const timerElement = document.getElementById('timer'); const targetDate = new Date('October 1, 2025 00:00:00').getTime(); function updateTimer() { const now = new Date().getTime(); const distance = targetDate - now; if (distance < 0) { timerElement.innerHTML = "🌀 INITIATION ACTIVE 🌀"; return; } const days = Math.floor(distance / (1000 * 60 * 60 * 24)); const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); const seconds = Math.floor((distance % (1000 * 60)) / 1000); timerElement.innerHTML = `${days}d ${hours}h ${minutes}m ${seconds}s`; } setInterval(updateTimer, 1000); updateTimer(); © 2025 Sascha Mehrer & Resonance Realms EU