<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tools</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <h1>Welcome to Tools</h1>
    
    <div class="category">Discord</div>
    <div class="tools-container">
        <div class="tool" onclick="window.location.href='spammer.html'">
            <h3>Discord Spammer</h3>
            <p>Spam messages on Discord channels</p>
        </div>
    </div>

    <div id="snow-container"></div>

    <script>
        function createSnowflake() {
            const snowflake = document.createElement('div');
            snowflake.classList.add('snowflake');
            snowflake.style.left = Math.random() * 100 + 'vw';
            snowflake.style.animationDuration = (Math.random() * 10 + 5) + 's';
            snowflake.style.animationDelay = (Math.random() * 5) + 's';
            document.getElementById('snow-container').appendChild(snowflake);

            setTimeout(() => {
                snowflake.remove();
            }, 15000);
        }

        setInterval(createSnowflake, 200);
    </script>
</body>
</html>
