body {
}

.AgentSpotAD_Section {
    background-repeat: repeat-y;
    background-attachment: scroll;
    grid-template-columns: 100%;
    grid-template-rows: 100%;
    box-sizing: border-box;
    background-image: url(/media/AD_back.png);
    background-position: 0% 0% !important;
    background-size:100% 100% !important;
    padding: 50px;
}


@layer utilities {
    .text-bounce {
        animation: bounceIn 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
    }

    .letter-hidden {
        opacity: 0;
        transform: translateY(20px);
    }
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: translateY(20px) scale(0.8);
    }

    60% {
        opacity: 1;
        transform: translateY(-10px) scale(1.1);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}