¿ESTE ES TU DISEÑO?
", "css": "#proteo-void { height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #050505; color: #00ff41; font-family: 'Courier New', monospace; overflow: hidden; } .glitch-text { font-size: 3rem; font-weight: bold; position: relative; cursor: crosshair; } .cursor-tracker { position: absolute; width: 20px; height: 20px; border: 1px solid #ff00ff; pointer-events: none; transition: 0.1s; border-radius: 50%; } #mock-btn { background: transparent; border: 1px solid #00ff41; color: #00ff41; padding: 10px 20px; margin-top: 20px; cursor: pointer; transition: 0.3s; } #mock-btn:hover { background: #00ff41; color: #050505; }", "js": "document.addEventListener('mousemove', (e) => { const cursor = document.querySelector('.cursor-tracker'); cursor.style.left = e.clientX + 'px'; cursor.style.top = e.clientY + 'px'; }); document.getElementById('mock-btn').addEventListener('click', () =>