body {
            margin: 0;
            min-height: 100vh;
            background-image: url('bg.jpg');
            background-size: 150px;
            background-repeat: repeat;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 20px;
            animation: diagonal-scroll 20s linear infinite;
        }
        @keyframes diagonal-scroll {
            0% {
                background-position: 0 0;
            }
            100% {
                background-position: 300px 300px;
            }
        }
        .center-image {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            width: 100%;
            max-width: 1000px;
            padding: 20px;

        }
        .center-image img {
            max-width: 100%;
            height: auto;
            display: block;
            border-radius: 8px;
            /* Pulse animation */
            animation: pulse 3s infinite ease-in-out alternate-reverse;
            padding: 100px;
        }

        .logo img {
            max-width: 300px;
            padding: 50px;
            width: 100%;
            height: auto;
            display: block;
            border-radius: 8px;
            animation: pulse 3s infinite ease-in-out alternate-reverse;
        }

        #form {
            display: inline-block;
            background: linear-gradient(#ffffff, #cfcfcf);
            border: 2px solid #000;
            padding: 12px 24px;
            font-family: 'Courier New', Courier, monospace;
            font-weight: bold;
            color: #000;
            text-decoration: none;
            box-shadow: 6px 6px 0 0 #000;
            border-radius: 4px;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-top: 12px;
        }

        #form.soon {
           opacity: 70%;
           text-align: center;
        }

        #form:hover:not(.soon) {
            background: linear-gradient(#fff,#e6e6e6);
            transform: translate(-2px,-2px);
            box-shadow: 8px 8px 0 0 #000;
        }
        #form:active:not(.soon) {
            transform: translate(0px,2px);
            box-shadow: 3px 3px 0 0 #000;
        }

        #google_form iframe { 
            max-width: 100%; 
            width: 640px; 
            border-radius: 8px; 
        }

        @keyframes pulse {
            0% {
                transform: scale(0.8) rotate(-20deg);
            }
            100% {
                transform: scale(1) rotate(20deg);
            }
    }

    /* Floating bobe styles */
    #floating-bobe {
        position: fixed;
        width: 120px;
        height: auto;
        z-index: 9999;
        pointer-events: auto;
        cursor: pointer;
        user-select: none;
        transition: opacity 0.2s ease;
        display: none;
        left: 0;
        top: 0;
    }

    @media (max-width: 600px) {
        #floating-bobe { width: 80px; }
    }