<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <title>free-v-bucks.de</title>    <style>        body {            background-color: #1a1a1a;            color: white;            font-family: "Arial", sans-serif;            text-align: center;            overflow: hidden;            margin: 0;            height: 100vh;            position: relative;        }        h1 {            font-size: 6em;            animation: rotate 10s linear infinite;            position: absolute;            width: 100%;            top: 10%;            left: 50%;            transform: translateX(-50%);            text-shadow: 3px 3px 5px rgba(255, 0, 0, 0.7);        }        @keyframes rotate {            0% { transform: translateX(-50%) rotate(0deg); }            100% { transform: translateX(-50%) rotate(360deg); }        }        .moving-text {            position: absolute;            font-size: 3em;            animation: bounce 3s ease-in-out infinite;            color: #ffcc00;            text-shadow: 2px 2px 5px rgba(0, 0, 255, 0.7);        }        @keyframes bounce {            0%, 100% { transform: translateY(0); }            50% { transform: translateY(-30px); }        }        .confetti {            position: absolute;            width: 10px;            height: 10px;            background-color: #ffcc00;            animation: fall 3s linear infinite;            opacity: 0.7;        }        @keyframes fall {            0% { transform: translateY(-100px); }            100% { transform: translateY(100vh); }        }    </style></head><body>    <h1>You got rickrolled!</h1>    <div class="moving-text" style="top: 20%; left: 10%;">You got rickrolled!</div>    <div class="moving-text" style="top: 40%; left: 60%;">You got rickrolled!</div>    <div class="moving-text" style="top: 70%; left: 30%;">You got rickrolled!</div>    <div class="moving-text" style="top: 80%; left: 80%;">You got rickrolled!</div>    <script>		const texts = document.querySelectorAll(".moving-text");		texts.forEach(text => {			const randomX = Math.random() * 100;			const randomY = Math.random() * 100;			text.style.transform = "translate(-" + randomX + "%, -" + randomY + "%)";		});		function createConfetti() {			const confetti = document.createElement("div");			confetti.className = "confetti";			confetti.style.left = Math.random() * 100 + "vw";			confetti.style.backgroundColor = "hsl(" + (Math.random() * 360) + ", 100%, 50%)";			document.body.appendChild(confetti);			setTimeout(() => {				confetti.remove();			}, 3000);		}		setInterval(createConfetti, 200);	</script></body></html>