/* ==========================
   FADE UP
========================== */

.fade-up{

    animation:
        fadeUp .9s ease forwards;
}

@keyframes fadeUp{

    from{
        opacity:0;
        transform:
            translateY(30px);
    }

    to{
        opacity:1;
        transform:
            translateY(0);
    }
}


/* ==========================
   FLOATING CARD
========================== */

.float-card{

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

@keyframes floatCard{

    0%{
        transform:
            translateY(0px);
    }

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

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


/* ==========================
   GLOW PULSE
========================== */

.pulse-glow{

    animation:
        pulseGlow 4s ease infinite;
}

@keyframes pulseGlow{

    0%{
        opacity:.6;
    }

    50%{
        opacity:1;
    }

    100%{
        opacity:.6;
    }
}


/* ==========================
   SOFT FADE
========================== */

.fade-in{

    animation:
        fadeIn 1.2s ease forwards;
}

@keyframes fadeIn{

    from{
        opacity:0;
    }

    to{
        opacity:1;
    }
}