@keyframes heroFloat{

    0%{

        transform:translateY(0px) scale(1);

    }

    50%{

        transform:translateY(-10px) scale(1.01);

    }

    100%{

        transform:translateY(0px) scale(1);

    }

}

@keyframes lightSweep{

    0%{

        left:-120%;

    }

    100%{

        left:180%;

    }

}

@keyframes heroGlow{

    from{
        transform:translate(0,0) scale(1);
    }

    to{
        transform:translate(60px,30px) scale(1.15);
    }

}

@keyframes heroGlow2{

    from{
        transform:translate(0,0) scale(1);
    }

    to{
        transform:translate(-50px,-20px) scale(1.1);
    }

}

@keyframes floatParticle{

    from{

        transform:translateY(0) translateX(0) scale(.8);

        opacity:0;

    }

    15%{

        opacity:.45;

    }

    100%{

        transform:translateY(-120vh) translateX(60px) scale(1.2);

        opacity:0;

    }

}