@keyframes float {
            0% {
                transform: translateY(0);
            }
            50% {
                transform: translateY(-20px);
            }
            100% {
                transform: translateY(0);
            }
        }

        @keyframes backgroundAnimation {
            0% {
                background-position: 0% 50%;
            }
            50% {
                background-position: 100% 50%;
            }
            100% {
                background-position: 0% 50%;
            }
        }

        body {
            background: linear-gradient(270deg, #25313F, #182534);
            background-size: 400% 400%;
            animation: backgroundAnimation 15s ease infinite;
        }

        .floating-image {
            position: absolute;
            width: 60px;
            height: 50px;
            animation: float 5s infinite ease-in-out;
        }

        .image1 {
            left: 3%;
            top: 5%;
            animation-delay: 0s;
        }

        .gradient-text {
            background: linear-gradient(45deg, #FB214B, #ff5d5d, #ffca28, #29b6f6, #66bb6a);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            animation: gradient-animation 5s ease infinite;
            background-size: 300% 300%;
        }

        @keyframes gradient-animation {
            0% {
                background-position: 0% 50%;
            }
            50% {
                background-position: 100% 50%;
            }
            100% {
                background-position: 0% 50%;
            }
        }

        .gradient-button {
            background: linear-gradient(45deg, #FB214B, #ffca28);
            background-size: 300% 300%;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            padding: 10px 20px;
            color: white;
            font-weight: bold;
            font-size: 1rem;
            transition: background-position 0.5s ease, color 0.5s ease;
            animation: gradient-animation 5s ease infinite;
        }

        .gradient-button:hover {
            background: #29b6f6;
            color: rgba(255, 255, 255, 0.8);
        }

        @media (max-width: 640px) {

            .absolute {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: 20px;
            }

            .gradient-button {
                width: 100%;
                margin-top: 1rem;
            }
            .text-left {
                text-align: center;
            }

            .floating-image {
                width: 40px;
                height: auto;
            }

            .image1 {
                top: 10%;
            }
            
        }