/* =========================
   ExaHubs Animations
=========================*/

@keyframes fadeUp{
    from{
        opacity:0;
        transform:translateY(35px);
    }

    to{
        opacity:1;
        transform:none;
    }
}

@keyframes floatY{

    0%{
        transform:translateY(0);
    }

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

    100%{
        transform:translateY(0);
    }

}

@keyframes pulseGlow{

    0%{
        box-shadow:0 0 0 rgba(37,99,235,.15);
    }

    50%{
        box-shadow:0 0 40px rgba(37,99,235,.25);
    }

    100%{
        box-shadow:0 0 0 rgba(37,99,235,.15);
    }

}

.fade-up{

    animation:fadeUp .7s ease forwards;

}

.float{

    animation:floatY 5s ease-in-out infinite;

}

.glow{

    animation:pulseGlow 4s infinite;

}

.xh-card{

    animation:fadeUp .7s ease;

}

.xh-tool-card{

    animation:fadeUp .7s ease;

}

.xh-mini-mockup{

    animation:floatY 6s ease-in-out infinite;

}