<!--

 █████████████████████████████████████████████████████████████████████████████                 █████████████████████████████████████████████████████████████████████████████ 
███████████████████████████████████████████████████████████████████                                       ███████████████████████████████████████████████████████████████████
█████████████████████████████████████████████████████████████                                                    ████████████████████████████████████████████████████████████
███████████████████████████████████████████████████████                ███████████████ ███████████████                ███████████████████████████████████████████████████████
███████████████████████████████████████████████████            ███████████████████████ ███████████████████████            ███████████████████████████████████████████████████
███████████████████████████████████████████████           ████    ████████████████████ ████████████████████████████           ███████████████████████████████████████████████
████████████████████████████████████████████         ███████        ██████████████████ █████████████████      ██████████         ████████████████████████████████████████████
█████████████████████████████████████████         ████████   █  █   ██████████████████ ███████████████    ████  ████████████        █████████████████████████████████████████
██████████████████████████████████████        ████████████ ████ █ █ ██████████████████ ███████████████████  ████    ███████████        ██████████████████████████████████████
████████████████████████████████████       ███████████████ ████████ █ ████████████████ █████████████  ██████ ██████ ██████████████       ████████████████████████████████████
█████████████████████████████████       ██████████████████ ████████ █ ████████████████ █████████████ ██████  ███ ██ █████████████████       █████████████████████████████████
███████████████████████████████       █ ██████████████████ ████████ █ ████████████████ ██████████████  ██  ████  █  █████████████████         ███████████████████████████████
█████████████████████████████      █████ ██████████████████ █████████ ████████████████ ███████████████   ███   █████████████████████  ████      █████████████████████████████
███████████████████████████      ████████  █████████████████ ███████ █████████████████ ███████████████████  ███████████████████████ ████████      ███████████████████████████
█████████████████████████      ███████████  █████████████████      ██████                          ██████████████████████████████  ███████████      █████████████████████████
████████████████████████     ███████████████ ██████████████████████                                       ██████████████████████ ███████████████      ███████████████████████
██████████████████████      █████████████████  ███████████████          ████████████████████████████          █████████████████ ██████████████████     ██████████████████████
████████████████████      ████████████████████  ██████████        ███████████  ███████████████ █ █████████        ███████████  ████████████████████      ████████████████████
███████████████████     ████████████████████████ ██████      ████████████ ███ █ ███       ████ ████ ███ ███████       ██████  ███████████████████████     ███████████████████
█████████████████      ██████████████████████████ ██      ██████ █████ █ █ ██ █████       █████ ███ █  █████ █████      ███ ███████████████████   ████      █████████████████
████████████████     ████████████████████████████      ███████ ██ █████  █ ██ █████       █████ ██ █ █ █████ ██ █████      █████████████████  ████  ████     ████████████████
███████████████     █████    ██    ████████████     ███████████ ██ █ ██ ██ ████████       ██████ █ ██ ██ █  █ ██████████     ███████████████ █  █ █ █████     ███████████████
██████████████     █████ ████ █████ █████████     ███████ ██ ███ █ ██ █ █████ █████       ██████ █ ██ ██ █ ██ ██ ██ ███████    ████████████    █ ██ ███████    ██████████████
█████████████    ███████ ██  ██ ██  ███████    ████  ███ █ ██ ███ █ █ ██ ██ █ █████       █████ █████ █ ████ █████ ██ ███ ███    █████████████ ██  █████████     ████████████
████████████    █████████ ██    ██ ██████     ███████ █ █ █ █ ████ ███ ███ ████████       █████ █ █ ██ ███  ███ █ ██  █  ██████    ███████████ █ ████████████     ███████████
██████████     ██████████  ████ █  ████     █████ █ ██ █ █ █ █ ████ ███ ██ █  █████       █████ ██ ███ ███ ███ █ █ █ █ ██ ██ ███     █████████   █████████████     ██████████
██████████    █████████████  ██  █████    ████████ ████ █ █ █ █ █ ██ ██ ██ █ ██████       █████ █████ ███ ██  █ █ █ █ ████ ███████    ██████████ ██████████████     █████████
█████████    ████████████████   ████     ███████████████████ █   █ ██ ██ ███ █ ████       ██████ ███ ███ █ █ █ █ ███████████████████    █████  █ ███████████████    █████████
████████    ███████████████████████    ████ ████  █████ █████ ███ █ █ ███████  ████       ████ █ ███ ██ █ █ ███ █████ ██████ ████  ██    ██████ █████████████████    ████████
███████     ██████████████████████    ███████  ███ ██████ ████████ █ ██ █ █████████       █████████ ██ █ █ █████████ █████ ████ ██████    ████████████████████████    ███████
██████     ██████████████████████    ██████ ███  ███ █████ ████████ █ █  █ ████████       ████████ ██ █ █ ████████ █████ ███  ███ █████    ███████████████████████     ██████
██████    ██████████████████████    █ █████ █  ██ ████ ████  ████ ██ █ ████████████       ██████████ ███ ███ ████ ████ ████  █  █  ████ █   ███████████████████████    ██████
█████    ██████████████████████    ████  ██  ███ █ █████ ████ ██ ████ ██████                     ██████ ██ █  █  ███  ████ █  ███ ██  ████   ███████████████████████    █████
████        ██████████████████    ███   █████   ██  ██████ ██████ ████ ██████████████ █ ██████████████ ████ ██████  █████  ███  █████   ███   ███████████████████        ████
████    ████     ████████████    ████████  ██████████  █████ █████ ████ ██ █████████  ██ ██████ ██  █ ████ █████  █████  █████████  ███████    █████████████     ████    ████
███     ██████████     ██████   ███ ██  ████  █████████████ ██ █████   █ ██ ███████ █████ █████ ██ █ ██ █ ████  █  ████████████  ████   ████    ██████     ███████████    ███
███    █████████████████       ██████ ███  █ ██  ███████████ ██  ████ █ █ ██ █████  ██████ ██████ █ █ █  ███  ██ ███████████  ██ ██ ███  ████   █     ████████████████    ███
███    ████████████████████    ███ ███   █████ ███   ████  ██████  ███ █ █ █ ████  ████████ ████ █ █ █ ███  ██████   ████  ███ ██████   ██ ███   █████████████████████     ██
██    █████████████████████   ████  ██████   █████████  ████  █████  ██   ██████ ███ ███ ███ ██████ █ ██  ██████  ███   ████████   ██████  ███   ██████████████████████    ██
██    ████████████████████    ████████   █████   ███  ███  ███  ███ █  ████████  █ █  ██ █  █ █████████ █████  ███   ██  ███   █████   ████████   █████████████████████    ██
██    ████████████████████   ████████  ████████████  ███████  ███  █ ██  █████ ███         ███ █████  ██ █  ████ ████████  ████████████ ███████   █████████████████████     █
█    █████████████████████   ████████    █ ██   ███   █   ██  █  ███  █ █████ ██  ████ █████  █ ██████ █ ████ ██ ██   █   ███ █ ██      ███████    █████████████████████    █
█    █████████  █████████   ██  ████████████  █ ██ ████ ███  ██  █  ████████    ██████  ██████ █ ████████  ██ ██  ███ ████ ██ █  ████████████      █████████████████████    █
█    █████████  █████████   ████      ██████  ████   █████    ██ ████ █████ █ ████████  ███████ █ ██████████  █    ████    ████  ██████       ██   █████ █  █ █    █████    █
█    ████████ ██ ████████   ██████████████    █  ████████  ████  █████████ ██  ███████  ███████ ██ █████████  ████  ████████  █    █████████████   █████ █████████ █████    █
█    ██       ███      ██   ██      █████████████████    ███████  ███████  ████  █████ █████  █████ █████ █  ███████    █████████████████      █   █████ █████████  █████   █
█    ████  █      █ █████   ██████████   ███████████████████████████████ ████████           ████████ ██████████████████ ████████████    ████████   █████ █████████  █████   █
█    ██████  ████  ██████   ███████████████████████████████████████████ ████████  ██  ██ ███ ████████ █████████████████████ ████████████████████   █████ █████████  █████   █
█    ██████ ██  ██ ██████   ██████████████  ██████████            ████  ██████████████████████████████ ████            █████████████████████████   █████ █████████  █████   █
█    █████   ████   █████   ████████████  ███████   █████████████████ █████████████████████████████████ ██████████████████  ████████ ███████████   █████ █████████  █████   █
█    ████████████████████   ███   ██    ██████████  ███████  ███████ ███████████████████████████████████ ████████████████  ██    █████    ██  ██   █████ █████████  ████    █
█    ████████████████████   █████  ███████████████  ███████████████  ██  █ █ ███████████████████ █ █   ██  ██  ███████████ ███████████████   ███   █████████████████████    █
█    ████████████████████   ███   ████████           ██████ █████  ███████ █████  █████████  █████ ███████  █████  ██████          █████████  ██   █████████████████████    █
█    █████████████████████   ███████  █  ████████  █     ████     ████████ █████    █████    █████ ████████      ███     █   ████████     █████    █████████████████████    █
██    ████████████████████   ███ █████   ███     █ ██████    ███                                             ███    ██████       ███    ████ ██   ██████████████████████    █
██    ████████████████████    ███  ██    ███████  █████████████ ██████ █████████    ██ ██    ████████████████ █████████████  ███████    ██  ███   █████████████████████    ██
██    █████████████████████   █████████████   ███████████   ██ ███████ █████████  ████ ████  ████████  ███████ ███  ███████████    █████ █████   ██████████████████████    ██
███    ████████████████████    ██  ██    ████████  ███    ███ ████████ ███████████████ ████████████████████████ ███    ███   ███████    ███ ██    █████████████████████    ██
███    ██████████████     ██   ██   ████████   █████   █████                                                     ██████  █████    ████████  █   ███     ██████████████    ███
███    █████████     ████████   ███████    █████   ████████ █████ ████████████ ███████████████ ████████████ █████  ███████   ██████   ██████    ████████      ████████    ███
████    ██     ██████████████    ███  ██████   ███████████ ██████ ████████████ ███████████████ ████████████ ██████ ███████████   ███████ ██    ███████████████     ██    ████
████     █████████████████████    ████████ ██████ ███ ███                                                            ██  ██  █████ ████████   ██████████████████████     ████
█████    ██████████████████████    █████████ ██ ██  ██████████████████████  █████████████████████  ██████████████████████  ██  ██ ████████   ███████████████████████    █████
██████    ██████████████████████    █████  █████ ██ ██ █████ █████ ███████  █████████████████████  ███████ █████  ████  █ ██  █████  ████   ███████████████████████    ██████
██████     ██████████████████████    █  █████  █████ ███ █ ██████ ████████  ███ ███ █████████ ████ █████████ █████ █ ███  █████ ██████     ████████████████████████    ██████
███████    ███████████████████████    █████ █████  ████ █ ██████ ███ █████ ████ █ █ ███ ██  █ ████  ████ ███  ██████ █ ███  █  ██  ███    ████████████████████████    ███████
████████    ████████ ██████████████    ██ █████  ████ █ ██ ██ █ ███ █   ██ ████ █ ███ █ ██ █ █████  █ █ █ █████ █████ █  ████ ███████    ████████████████████████    ████████
█████████    ███████ █   ████████████    ████ ██ ██ █ ███ ██ █████ ████ ██ ███████ ██ █ ██ █ █ ███  ██ ███ █████ ██████ █ ██ ██ ████    ████████████████████████    █████████
██████████    ████  ████ ██  █████████    ████  █  █ ██ ███ █████ ████ ███ ███ █ █ ██ █ ████ █ ███  ███ ███ ██████ ██████ █ ██ ███    █████████  ██████████████     █████████
██████████     ██████  █ ██ ███ ████████    ████ █ ███ ██  ██  █ █ █ ██ ██  █████████ █ ██████████ ██ ██ █ █ ██ ███ ██████ ██ ███    ██████████ █ ████████████     ██████████
████████████    ████████  █  █ ██  ██████    ███████████ ███  █ █ █  ██  █  █████████ █ █████████  █ █ █    █ ██ ███ ██████████    ██████████  ███ ██████████     ███████████
████████████     ██████████ ██ ██ █ ███████    ████████ ██ ███ ███ █ █  ███   ███████ █████████   ███ █ █  ████ ██ ██  ██████    ███████████   ██    ███████     ████████████
██████████████    ███████████ ██  ███████████     ███ ███ ███  ██ ███ ███ ███   █████ ███████   ███ ███ ████ █ █ ██  ██ ███    ██████████████ ████ ████████     █████████████
███████████████    ████████████ ███████████████     ████████  ██ █ █ ████ ██████   ██ ████    ██████ ███ █ █ ██ █ ██████     ██████████████     █    █████    ███████████████
████████████████     █████████████████████████████     ███ █ ██ ██ ████████████ ██  █ ███   █ ███ ███████ █ █ ██ █ ███     ███████████████████  █ ███████    ████████████████
█████████████████     ███████████████████████████ ██      ███████ █ █  ████ █ █ █   █ ████  █ ██  ████ █ █ █ █████      ███  ██████████████████ ███████     █████████████████
███████████████████     ███████████████████████  ██████      █████ █  ████ █ ██ █  ██ ████  █ █  █ ████ ██ ████      ███████  ████████████████████████    ███████████████████
████████████████████     █████████████████████  ██████████        █ ████ █ ██ ███  ██ ████  ███ ██ █ ████ █       ████████████ █████████████████████     ████████████████████
██████████████████████     ██████████████████ ████████████   █         ██████ ███████ ███████████████         █████████████████  █████████████████     ██████████████████████
███████████████████████      ██████████████  ███████████      █████                ████                  ███████████████████████  ███████████████     ███████████████████████
█████████████████████████     ████████████  ███████████   ███ ███████████                          ███████████████████████████████ ████████████     █████████████████████████
███████████████████████████     █████████ ███████████████ ███ ████████████████████████ █████████████████████████████    ███████████  ████████     ███████████████████████████
█████████████████████████████      ████  ████████████████ ███ ████████████████████████ █████████████████   █  █████ ███  ███████████  █████     █████████████████████████████
███████████████████████████████      █ ██████████████████ ████      █ ████████████████ ███████████████  ██████     ███████████████████ █      ███████████████████████████████
█████████████████████████████████      ██████████████████ ███████████  ███████████████ ████████████    █         █████████████████████      █████████████████████████████████
███████████████████████████████████       ███████████████ ███████████  ███████████████ ██████████  █     █ ████████████████████████       ███████████████████████████████████
██████████████████████████████████████       ████████████ ███   █████ ████████████████ ██████████ █████  ██ ███  ███████████████       ██████████████████████████████████████
█████████████████████████████████████████       █████████ █   ███ █ █ ████████████████ ███████████  ██  █████  ██████████████       █████████████████████████████████████████
████████████████████████████████████████████        ██████████████████████████████████ ██████████████████████████████████        ████████████████████████████████████████████
███████████████████████████████████████████████         ██████████████████████████████ ██████████████████████████████         ███████████████████████████████████████████████
███████████████████████████████████████████████████          █████████████████████████ █████████████████████████          ███████████████████████████████████████████████████
███████████████████████████████████████████████████████            ███████████████████ ███████████████████            ███████████████████████████████████████████████████████
████████████████████████████████████████████████████████████                  ████████ █████████                 ████████████████████████████████████████████████████████████
███████████████████████████████████████████████████████████████████                                       ███████████████████████████████████████████████████████████████████
 █████████████████████████████████████████████████████████████████████████████                  ████████████████████████████████████████████████████████████████████████████ 

--!>



<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Gravity Falls - Adoptables</title>
    <style>
        html, body {
            height: 100%;
            margin: 0;
            overflow: hidden;
            background-image: url('/.CuteDesktop/VisitorYou/ADOPTABLES/spookybackgroundthing.png');
            background-repeat: no-repeat; /* Prevent any tiling */
    background-size: cover; /* Ensures the image fully covers the page */
    background-position: center; /* Centers the image on the page */
    cursor: url('/.CuteDesktop/VisitorYou/ADOPTABLES/journal3.gif'), auto;
        }
        

        #background-element {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 100px;
            height: 100px;
            margin-top: -50px; /* Centering the div */
            margin-left: -50px; /* Centering the div */
            z-index: -1;
            pointer-events: none;
            border-radius: 50%; /* Make it a perfect circle */
            overflow: hidden; /* Hide the image outside the circle */
            background: rgba(255, 255, 255, 0.1); /* Optional: light transparent background */
            z-index: 4;
        }

        #floating-image {
            position: absolute;
            width: 150px; /* Pupil size is larger than the container */
            height: 150px;
            top: -25px; /* Offsetting the pupil to center it */
            left: -25px;
            transition: transform 0.1s ease-out;
            z-index: 3;
        }
        
        #bill {
    background-image: url('https://sweetcharm.net/.CuteDesktop/VisitorYou/ADOPTABLES/BILLBILLBILLBILLcolorgif.gif');
    width: 500px; /* Adjust as needed */
    height: 550px; /* Adjust as needed */
    position: absolute; /* Absolute positioning */
    top: 50%; /* Center vertically */
    left: 50%; /* Center horizontally */
    transform: translate(-50%, -50%); /* Offset by half of its width and height */
    z-index: 2; /* Move behind other elements */
    transition: filter 0.7s ease-in-out; /* Smooth transition even when you're not hovering */
}

#bill:hover {
    filter: drop-shadow(0 0 30px rgba(0, 255, 255, 0.9)); /* Cyan blue glow on hover */
    transition: filter 0.7s ease-in-out; /* Smooth transition for the glow */
}

    </style>
    
    
        <style>
        /* Style for the div/table */
        .custom-box {
            position: absolute;
            top: 10px;
            left: 10px;
            width: 200px;
            height: auto;
            padding: 10px;
            background-color: rgba(255, 255, 255, 0.5); /* semi-transparent white */
            border: 2px dotted #000; /* dotted border */
            border-radius: 15px; /* rounded corners */
        }
    </style>
    
    
</head>
<body>
    
    <div class="custom-box">
    <!-- You can add your icons or content here -->
   Gravity Falls - Adoptables<br>
   <img src="https://sweetcharm.net/.CuteDesktop/Website/cliques/dipperfinal.gif" alt="Dipper Pines">
    <img src="https://sweetcharm.net/.CuteDesktop/Website/cliques/mablefinal.gif" alt="Mabel Pines"><br>
    
    <img src="/.CuteDesktop/SMALLPIXELS/88x31/BILLzpookers.gif" title="I drew this Bill Cipher for West of Weird, a Gravity Falls Fanlisting!">
</div>
    
    <div id="background-element">
        <img id="floating-image" src="https://sweetcharm.net/.CuteDesktop/VisitorYou/ADOPTABLES/billeye.png" alt="Pupil Image">
    </div>

    <script>
        let floatingImage = document.getElementById('floating-image');
        let container = document.getElementById('background-element');

        let mouseMoveTimeout;
        let isMouseMoving = false;

        document.addEventListener('mousemove', function (e) {
            // Clear quiver timeout when mouse moves
            clearTimeout(mouseMoveTimeout);
            isMouseMoving = true;

            // Get the center position of the circular container
            let containerRect = container.getBoundingClientRect();
            let containerCenterX = containerRect.left + containerRect.width / 2;
            let containerCenterY = containerRect.top + containerRect.height / 2;
            
            // Calculate the offset from the center, but limit it to the 100x100 circle
            let offsetX = Math.min(Math.max(e.clientX - containerCenterX, -25), 25);
            let offsetY = Math.min(Math.max(e.clientY - containerCenterY, -25), 25);
            
            // Move the pupil slightly toward the mouse position, but inside the circle
            floatingImage.style.transform = `translate(${offsetX}px, ${offsetY}px)`;

            // Restart the timer to add quiver effect if the mouse stops moving
            mouseMoveTimeout = setTimeout(quiverEffect, 1000); // Start quivering after 1 second
        });

        function quiverEffect() {
            isMouseMoving = false;
            // If the mouse isn't moving, apply a random quiver effect
            setInterval(function () {
                if (!isMouseMoving) {
                    let randomX = Math.random() * 4 - 2; // Random small jitter on X (-2px to 2px)
                    let randomY = Math.random() * 4 - 2; // Random small jitter on Y (-2px to 2px)
                    floatingImage.style.transform = `translate(${randomX}px, ${randomY}px)`;
                }
            }, 100); // Quiver every 100ms
        }
    </script>
<div id="bill"></div>
</body>
</html>