/* ==================================================
   FLOATING BLOBS
================================================== */

@keyframes floatBlobOne {

    0% {
        transform: translate3d(0,0,0) scale(1);
    }

    25% {
        transform: translate3d(40px,-25px,0) scale(1.04);
    }

    50% {
        transform: translate3d(80px,15px,0) scale(1.08);
    }

    75% {
        transform: translate3d(30px,45px,0) scale(1.03);
    }

    100% {
        transform: translate3d(0,0,0) scale(1);
    }

}

@keyframes floatBlobTwo {

    0% {
        transform: translate3d(0,0,0) scale(1);
    }

    30% {
        transform: translate3d(-60px,30px,0) scale(1.05);
    }

    60% {
        transform: translate3d(-30px,-40px,0) scale(1.08);
    }

    100% {
        transform: translate3d(0,0,0) scale(1);
    }

}

@keyframes floatBlobThree {

    0% {
        transform: translate3d(0,0,0) scale(1);
    }

    50% {
        transform: translate3d(35px,-50px,0) scale(1.06);
    }

    100% {
        transform: translate3d(0,0,0) scale(1);
    }

}


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

@keyframes cardFloat {

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

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

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

}


/* ==================================================
   STATUS LED
================================================== */

@keyframes pulseLED {

    0% {

        transform: scale(1);

        opacity: 1;

        box-shadow:
            0 0 10px #00d66f;

    }

    50% {

        transform: scale(1.25);

        opacity: .75;

        box-shadow:
            0 0 26px #00d66f,
            0 0 45px rgba(0,214,111,.45);

    }

    100% {

        transform: scale(1);

        opacity: 1;

        box-shadow:
            0 0 10px #00d66f;

    }

}


/* ==================================================
   SHINE
================================================== */

@keyframes shine {

    from {

        transform:
            translateX(-350px)
            rotate(18deg);

    }

    to {

        transform:
            translateX(950px)
            rotate(18deg);

    }

}


/* ==================================================
   BACKGROUND BREATHING
================================================== */

@keyframes backgroundBreath {

    0% {

        opacity: .95;

        transform: scale(1);

    }

    50% {

        opacity: 1;

        transform: scale(1.03);

    }

    100% {

        opacity: .95;

        transform: scale(1);

    }

}


/* ==================================================
   PARTICLES
================================================== */

@keyframes particleFloat {

    0% {

        transform:
            translateY(0)
            translateX(0);

        opacity: .10;

    }

    50% {

        transform:
            translateY(-20px)
            translateX(8px);

        opacity: .28;

    }

    100% {

        transform:
            translateY(-40px)
            translateX(-5px);

        opacity: .08;

    }

}


/* ==================================================
   GLASS SHIMMER
================================================== */

@keyframes glassGlow {

    0% {

        opacity: .25;

    }

    50% {

        opacity: .5;

    }

    100% {

        opacity: .25;

    }

}