<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>dutz.ro</title>

    <style>

        body {

            margin: 0;

            padding: 0;

            min-height: 100vh;

            display: flex;

            justify-content: center;

            align-items: center;

            background: linear-gradient(45deg, #ff0000, #ffff00, #008000);

            overflow: hidden;

            position: relative;

        }


        .snowflake {

            position: absolute;

            width: 10px;

            height: 10px;

            background: rgba(255, 255, 255, 0.8);

            border-radius: 50%;

            pointer-events: none;

            animation: fall linear infinite;

        }


        @keyframes fall {

            0% {

                transform: translateY(-100vh) translateX(0);

            }

            100% {

                transform: translateY(100vh) translateX(20px);

            }

        }


        .container {

            max-width: 80%;

            height: auto;

        }


        .container img {

            max-width: 100%;

            height: auto;

            display: block;

        }

    </style>

</head>

<body>

    <div class="container">

        <img src="dutz.jpg" alt="Dutz Logo">

    </div>


    <script>

        function createSnowflake() {

            const snowflake = document.createElement('div');

            snowflake.classList.add('snowflake');

            

            // Random starting position

            snowflake.style.left = Math.random() * 100 + 'vw';

            

            // Random animation duration

            const animationDuration = Math.random() * 3 + 2;

            snowflake.style.animationDuration = animationDuration + 's';

            

            document.body.appendChild(snowflake);

            

            // Remove snowflake after animation

            setTimeout(() => {

                snowflake.remove();

            }, animationDuration * 1000);

        }


        // Create snowflakes at intervals

        setInterval(createSnowflake, 100);

    </script>

</body>

</html>