Загрузка данных


setTimeout(() => {
  const style = document.createElement('style');
  style.innerHTML = `* { transition: all 0.5s ease-in-out !important; }`;
  document.head.appendChild(style);

  const chaosId = setInterval(() => {
    // Делаем фоновые переливы для всего экрана
    const bgR = Math.floor(Math.random() * 256);
    const bgG = Math.floor(Math.random() * 256);
    const bgB = Math.floor(Math.random() * 256);
    document.body.style.backgroundColor = `rgb(${bgR}, ${bgG}, ${bgB})`;

    const allElements = document.querySelectorAll('*');
    
    allElements.forEach(el => {
      if (Math.random() > 0.15) return; 

      // Ослабленное вращение: теперь от -15 до 15 градусов
      const rotate = Math.floor(Math.random() * 31) - 15;
      const scale = (Math.random() * 1.5 + 0.2).toFixed(2);
      const skew = Math.floor(Math.random() * 40) - 20;
      const moveX = Math.floor(Math.random() * 100) - 50;
      const moveY = Math.floor(Math.random() * 100) - 50;
      
      const r = Math.floor(Math.random() * 256);
      const g = Math.floor(Math.random() * 256);
      const b = Math.floor(Math.random() * 256);

      el.style.transform = `translate(${moveX}px, ${moveY}px) rotate(${rotate}deg) scale(${scale}) skew(${skew}deg)`;
      el.style.backgroundColor = `rgba(${r}, ${g}, ${b}, 0.3)`;
      el.style.color = `rgb(${255-r}, ${255-g}, ${255-b})`;
      
      if (Math.random() > 0.95) {
        el.style.opacity = Math.random() > 0.5 ? '0' : '1';
      }
    });
  }, 300);

  console.log("clearInterval(" + chaosId + ")");
}, 30000);