/* ==========================================================
   LAIREN AI
   CORE
   ANIMATIONS.CSS
========================================================== */

:root{

    --transition-fast:.18s;
    --transition-normal:.25s;

}

*{

    transition:

        color var(--transition-fast),

        background var(--transition-fast),

        border-color var(--transition-fast),

        transform var(--transition-fast),

        box-shadow var(--transition-fast);

}

.hover-lift:hover{

    transform:translateY(-4px);

}

.fade-in{

    animation:fadeIn .35s ease;

}

@keyframes fadeIn{

    from{

        opacity:0;

        transform:translateY(10px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}