/* Anim - CSS - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.element
{
    position: relative;  
    left: 0;
    opacity: 1;
    transform: scale(1);
    transition: ease 2s left, ease 2s opacity, ease 2s transform;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.anim-scale
{
    transform: scale(0);
}

.anim-left
{
    left: -1200px;
}

.anim-right
{
    left: 1200px;
}

.anim-fade
{
    opacity: 0;
}

.anim-delay-1
{
    transition-delay: 0.5s;
}

.anim-delay-2
{
    transition-delay: 1s;
}

.anim-delay-3
{
    transition-delay: 1.5s;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*
.workspace {
    overflow-x: hidden;
}
*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */