.robot-card {

    animation:
            floatRobot 5s ease-in-out infinite;
}

.hero-title {

    animation:
            glowTitle 4s infinite;
}

.feature-card {

    animation:
            fadeUp .8s ease;
}

@keyframes floatRobot {

    0%,100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-15px);
    }
}

@keyframes glowTitle {

    0%,100% {

        text-shadow:
                0 0 10px rgba(56,102,255,.15);
    }

    50% {

        text-shadow:
                0 0 25px rgba(56,102,255,.4);
    }
}

@keyframes fadeUp {

    from {

        opacity: 0;

        transform:
                translateY(40px);
    }

    to {

        opacity: 1;

        transform:
                translateY(0);
    }
}