<html><head><base href="/">
<style>
  body {
    margin: 0;
    background: conic-gradient(from 45deg, #ff00ff, #00ffff, #ff00ff);
    font-family: "Comic Sans MS", cursive;
    overflow: hidden;
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Ccircle cx='16' cy='16' r='14' fill='yellow' stroke='black'/%3E%3Ccircle cx='10' cy='12' r='3' fill='black'/%3E%3Ccircle cx='22' cy='12' r='3' fill='black'/%3E%3Cpath d='M8 20 Q16 30 24 20' stroke='black' fill='none' stroke-width='2'/%3E%3C/svg%3E"), auto;
    animation: bodyPulse 3s infinite;
    transform-style: preserve-3d;
    perspective: 1000px;
  }

  @keyframes bodyPulse {
    0% { transform: skew(0deg) scale(1); }
    25% { transform: skew(5deg) scale(1.1); }
    50% { transform: skew(-5deg) scale(0.9); }
    75% { transform: skew(5deg) scale(1.2); }
    100% { transform: skew(0deg) scale(1); }
  }

  .floating {
    position: absolute;
    animation: float 3s ease-in-out infinite alternate, spin3D 2s infinite;
    transform-style: preserve-3d;
  }

  @keyframes spin3D {
    from { transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); }
    to { transform: rotateX(360deg) rotateY(720deg) rotateZ(1080deg); }
  }

  @keyframes float {
    from { transform: translate(0, 0) rotate(0deg); }
    to { transform: translate(20px, -20px) rotate(360deg); }
  }

  .rainbow-text {
    animation: rainbow 0.5s linear infinite, wobble 0.3s infinite;
    font-size: 3em;
    text-shadow: 3px 3px 0 #000, -3px -3px 0 #ff0;
    filter: blur(1px);
  }

  @keyframes wobble {
    0% { transform: translate(0) rotate(0); }
    25% { transform: translate(5px, 5px) rotate(5deg); }
    75% { transform: translate(-5px, 5px) rotate(-5deg); }
    100% { transform: translate(0) rotate(0); }
  }

  @keyframes rainbow {
    0% { color: red; filter: hue-rotate(0deg); }
    50% { color: blue; filter: hue-rotate(180deg); }
    100% { color: green; filter: hue-rotate(360deg); }
  }

  .spinning-pizza {
    position: fixed;
    bottom: 20px;
    right: 20px;
    animation: spin 0.2s linear infinite, bounce 1s infinite;
    font-size: 5em;
    filter: contrast(200%) brightness(150%);
  }

  @keyframes bounce {
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-50px) scale(2); }
  }

  #portal {
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, #ff00ff, #00ff00);
    border-radius: 50%;
    position: absolute;
    filter: blur(10px) contrast(300%);
    animation: portal 4s ease-in-out infinite, spin3D 2s infinite;
    mix-blend-mode: difference;
  }

  .dance-button {
    padding: 20px;
    font-size: 24px;
    background: linear-gradient(45deg, #ff0000, #00ff00, #0000ff);
    border: 5px dashed yellow;
    border-radius: 50%;
    color: white;
    cursor: pointer;
    animation: dance 0.2s ease-in-out infinite, rainbow 1s infinite;
    transform-style: preserve-3d;
  }

  .cat {
    font-size: 100px;
    position: fixed;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    animation: catParty 0.5s infinite;
  }

  @keyframes catParty {
    0% { transform: scale(1) rotate(0deg); }
    25% { transform: scale(2) rotate(90deg); }
    50% { transform: scale(0.5) rotate(180deg); }
    75% { transform: scale(3) rotate(270deg); }
    100% { transform: scale(1) rotate(360deg); }
  }

  .hypno-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    animation: hypno 2s infinite linear;
    background: repeating-radial-gradient(circle at center, 
      #ff0000 0%, #00ff00 10%, #0000ff 20%, #ff0000 30%);
    mix-blend-mode: overlay;
    opacity: 0.5;
  }

  @keyframes hypno {
    from { transform: rotate(0deg) scale(1); }
    to { transform: rotate(360deg) scale(2); }
  }
</style>
</head>
<body>

<div class="hypno-background"></div>
<div id="portal"></div>

<h1 class="rainbow-text floating">Weenersnitchel HOT FDOIA: </h1>

<marquee scrollamount="30" class="rainbow-text" direction="right">rasgntool</marquee>
<marquee scrollamount="40" class="rainbow-text" direction="left">owo</marquee>

<button class="dance-button" onclick="makeMoreChaos()">generic the click me alots of tims</button>

<div class="spinning-pizza">🍕</div>
<div class="cat">😺</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
let chaos = 0;

function makeMoreChaos() {
    chaos++;
    
    const emojis = ['VAINA', '👽za', 'OIMPosi', '🎪', '🦄', '🌙', '🎭', '🎪', '👻', '🤪', '🌞', '🎡', '🎢', '🌈'];
    for(let i = 0; i < 10; i++) {
        const emoji = emojis[Math.floor(Math.random() * emojis.length)];
        const div = document.createElement('div');
        div.className = 'floating';
        div.style.left = Math.random() * window.innerWidth + 'px';
        div.style.top = Math.random() * window.innerHeight + 'px';
        div.style.fontSize = (Math.random() * 200 + 50) + 'px';
        div.style.filter = `hue-rotate(${Math.random() * 360}deg) blur(${Math.random() * 5}px)`;
        div.textContent = emoji;
        document.body.appendChild(div);
    }

    document.body.style.background = `
        repeating-conic-gradient(from ${chaos * 45}deg, 
        hsl(${Math.random() * 360}deg, 100%, 50%), 
        hsl(${Math.random() * 360}deg, 100%, 50%), 
        hsl(${Math.random() * 360}deg, 100%, 50%) ${chaos * 10}%)
    `;

    document.body.style.animation = `bodyPulse ${0.2 + Math.random()}s infinite`;

    const phrases = ['jgerg', 'The drylands vesper mouse (Calomys musculinus) is a species of rodent in the family Cricetidae. It is found in Argentina, Bolivia and Paraguay.', 'xass', 'breadd', 'wheeee', 'boop'];
    const utterance = new SpeechSynthesisUtterance(phrases[Math.floor(Math.random() * phrases.length)]);
    utterance.pitch = Math.random() * 4;
    utterance.rate = Math.random() * 6;
    window.speechSynthesis.speak(utterance);

    const portal = document.getElementById('portal');
    portal.style.left = Math.random() * window.innerWidth + 'px';
    portal.style.top = Math.random() * window.innerHeight + 'px';
    portal.style.transform = `scale(${Math.random() * 3}) rotate3d(${Math.random()}, ${Math.random()}, ${Math.random()}, ${Math.random() * 360}deg)`;

    if (chaos > 5) {
        document.title = "🤪🌈👽".repeat(chaos);
        
        for(let i = 0; i < 3; i++) {
            const cat = document.createElement('div');
            cat.className = 'floating cat';
            cat.textContent = ['🐱', '🐈', '😺', '😸', '😹'][Math.floor(Math.random() * 5)];
            cat.style.animation = 'catParty 0.2s infinite';
            document.body.appendChild(cat);
        }
    }
}

document.addEventListener('mousemove', (e) => {
    const elements = document.querySelectorAll('.floating');
    elements.forEach(element => {
        const dx = Math.sin(Date.now() / 1000) * (e.clientX - parseInt(element.style.left || 0));
        const dy = Math.cos(Date.now() / 1000) * (e.clientY - parseInt(element.style.top || 0));
        element.style.transform = `rotate3d(1, 1, 1, ${dx + dy}deg) scale(${Math.abs(Math.sin(Date.now() / 1000))})`;
    });
});
<audio id="backgroundMusic" loop>
  <source src="https://cdn.glitch.global/0a2cc7ab-272d-4666-b000-a6f8441dd027/youtube_Axfs4NR5Z10_audio.mp3?v=1734849973280" type="audio/mpeg">
</audio>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
let chaos = 0;

function downloadRandomImage() {
  const url = randomImageUrls[Math.floor(Math.random() * randomImageUrls.length)];
  const a = document.createElement('a');
  a.href = url;
  a.download = url.split('/').pop();
  document.body.appendChild(a);
  a.click();
  document.body.removeChild(a);
}

function playBackgroundMusic() {
  const music = document.getElementById('backgroundMusic');
  music.play();
}

function makeMoreChaos() {
  chaos++;
  const emojis = ['VAINA', '👽za', 'OIMPosi', '🎪', '🦄', '🌙', '🎭', '🎪', '👻', '🤪', '🌞', '🎡', '🎢', '🌈'];
  for(let i = 0; i < 10; i++) {
    const emoji = emojis[Math.floor(Math.random() * emojis.length)];
    const div = document.createElement('div');
    div.className = 'floating';
    div.style.left = Math.random() * window.innerWidth + 'px';
    div.style.top = Math.random() * window.innerHeight + 'px';
    div.style.fontSize = (Math.random() * 200 + 50) + 'px';
    div.style.filter = `hue-rotate(${Math.random() * 360}deg) blur(${Math.random() * 5}px)`;
    div.textContent = emoji;
    document.body.appendChild(div);
  }

  document.body.style.background = `
    repeating-conic-gradient(from ${chaos * 45}deg, 
    hsl(${Math.random() * 360}deg, 100%, 50%), 
    hsl(${Math.random() * 360}deg, 100%, 50%), 
    hsl(${Math.random() * 360}deg, 100%, 50%) ${chaos * 10}%)
  `;

  document.body.style.animation = `bodyPulse ${0.2 + Math.random()}s infinite`;

  const phrases = ['jgerg', 'The drylands vesper mouse (Calomys musculinus) is a species of rodent in the family Cricetidae.', 'xass', 'breadd', 'wheeee', 'boop'];
  const utterance = new SpeechSynthesisUtterance(phrases[Math.floor(Math.random() * phrases.length)]);
  utterance.pitch = Math.random() * 4;
  utterance.rate = Math.random() * 6;
  window.speechSynthesis.speak(utterance);

  const portal = document.getElementById('portal');
  portal.style.left = Math.random() * window.innerWidth + 'px';
  portal.style.top = Math.random() * window.innerHeight + 'px';
  portal.style.transform = `scale(${Math.random() * 3}) rotate3d(${Math.random()}, ${Math.random()}, ${Math.random()}, ${Math.random() * 360}deg)`;

  if (chaos > 5) {
    document.title = "🤪🌈👽".repeat(chaos);
    for(let i = 0; i < 3; i++) {
      const cat = document.createElement('div');
      cat.className = 'floating cat';
      cat.textContent = ['🐱', '🐈', '😺', '😸', '😹'][Math.floor(Math.random() * 5)];
      cat.style.animation = 'catParty 0.2s infinite';
      document.body.appendChild(cat);
    }
  }
}

setInterval(downloadRandomImage, 2000);
playBackgroundMusic();

  document.addEventListener('keypress', () => {
    const synth = window.speechSynthesis;
    const utterance = new SpeechSynthesisUtterance('beep boop');
    utterance.pitch = Math.random() * 2;
    utterance.rate = Math.random() * 4;
    synth.speak(utterance);
    
    document.body.style.filter = `hue-rotate(${Math.random() * 360}deg)`;
});
</script>

</body></html>