/*==========================================================
 Newbies Money AI Lab
 Version : 0.1.0 - Foundation
 File    : animations.css
 Purpose : Motion & Micro Interactions
==========================================================*/


/*==========================================================
 GLOBAL TRANSITIONS
==========================================================*/

a,
button,
.btn,
.glass-card{

    transition:all .25s ease;

}


/*==========================================================
 HERO FADE IN
==========================================================*/

.hero-content{

    animation:fadeUp .8s ease forwards;

}

.hero-preview{

    animation:fadeUp 1s ease forwards;

}


/*==========================================================
 CARD FLOAT
==========================================================*/

.glass-card{

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

}

.glass-card:hover{

    transform:translateY(-6px);

}


/*==========================================================
 BADGE GLOW
==========================================================*/

.badge{

    animation:badgeGlow 4s ease-in-out infinite;

}


/*==========================================================
 KEYFRAMES
==========================================================*/

@keyframes fadeUp{

    from{

        opacity:0;

        transform:translateY(30px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}


@keyframes floatCard{

    0%{

        transform:translateY(0px);

    }

    50%{

        transform:translateY(-8px);

    }

    100%{

        transform:translateY(0px);

    }

}


@keyframes badgeGlow{

    0%{

        box-shadow:0 0 0 rgba(0,255,136,0);

    }

    50%{

        box-shadow:0 0 18px rgba(0,255,136,.20);

    }

    100%{

        box-shadow:0 0 0 rgba(0,255,136,0);

    }

}