/* ==========================================================
   SMI TERMINAL
   Animation Library v1.0
========================================================== */


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

@keyframes fadeIn{

    from{

        opacity:0;

    }

    to{

        opacity:1;

    }

}


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

@keyframes fadeUp{

    from{

        opacity:0;

        transform:translateY(40px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}


/* ===========================================
   FADE DOWN
=========================================== */

@keyframes fadeDown{

    from{

        opacity:0;

        transform:translateY(-40px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}


/* ===========================================
   FADE LEFT
=========================================== */

@keyframes fadeLeft{

    from{

        opacity:0;

        transform:translateX(60px);

    }

    to{

        opacity:1;

        transform:translateX(0);

    }

}


/* ===========================================
   FADE RIGHT
=========================================== */

@keyframes fadeRight{

    from{

        opacity:0;

        transform:translateX(-60px);

    }

    to{

        opacity:1;

        transform:translateX(0);

    }

}


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

@keyframes floating{

    0%{

        transform:translateY(0px);

    }

    50%{

        transform:translateY(-12px);

    }

    100%{

        transform:translateY(0px);

    }

}


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

@keyframes glow{

    0%{

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

    }

    50%{

        box-shadow:0 0 35px rgba(0,229,255,.55);

    }

    100%{

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

    }

}


/* ===========================================
   ROTATE
=========================================== */

@keyframes rotate360{

    from{

        transform:rotate(0deg);

    }

    to{

        transform:rotate(360deg);

    }

}


/* ===========================================
   SCALE
=========================================== */

@keyframes scaleUp{

    from{

        transform:scale(.92);

        opacity:0;

    }

    to{

        transform:scale(1);

        opacity:1;

    }

}


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

@keyframes pulse{

    0%{

        transform:scale(1);

    }

    50%{

        transform:scale(1.04);

    }

    100%{

        transform:scale(1);

    }

}


/* ===========================================
   UTILITIES
=========================================== */

.fade-up{

    animation:fadeUp .8s ease forwards;

}

.fade-down{

    animation:fadeDown .8s ease forwards;

}

.fade-left{

    animation:fadeLeft .8s ease forwards;

}

.fade-right{

    animation:fadeRight .8s ease forwards;

}

.fade-in{

    animation:fadeIn .8s ease forwards;

}

.float{

    animation:floating 5s ease-in-out infinite;

}

.glow{

    animation:glow 3s infinite;

}

.rotate{

    animation:rotate360 12s linear infinite;

}

.scale{

    animation:scaleUp .7s ease forwards;

}

.pulse{

    animation:pulse 2s infinite;

}