.anim{
    opacity: 0;
}

.anim-exp{
    animation: expand;
}
@keyframes expand{
    0%{
        transform: scale(1.0);
    }
    50%{
        transform: scale(1.01);
    }
    100%{
        transform: scale(1.0);
    }
}

.anim-fade{
    animation: fade;
}
@keyframes fade {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

.anim-shrink{
    animation: shrink;
}

@keyframes shrink {
    0%{
        opacity: 0;
        transform: scale(1.5);
    }
    100%{
        opacity: 1;
        transform: scale(1);
    }
}

.anim.dir-nrm{
    animation-direction: normal;
}

.anim-fill-fwr{
    animation-fill-mode: forwards;
}

.anim-del-null{
    animation-delay: 0s;
}
.anim-del-xfst{
    animation-delay: 0.25s;
}
.anim-del-fst{
    animation-delay: 0.5s;
}
.anim-del-med{
    animation-delay: 0.75s;
}
.anim-del-med-1{
    animation-delay: 0.8s;
}
.anim-del-med-2{
    animation-delay: 0.85s;
}
.anim-del-med-3{
    animation-delay: 0.9s;
}
.anim-del-slw{
    animation-delay: 1s;
}

.anim-dur-fst{
    animation-duration: 1s;
}
.anim-dur-med{
    animation-duration: 2s;
}
.anim-dur-med-1{
    animation-duration: 2.25s;
}
.anim-dur-med-2{
    animation-duration: 2.15s;
}
.anim-dur-med-3{
    animation-duration: 2.2s;
}
.anim-dur-slw{
    animation-duration: 3s;
}
.anim-dur-xslw{
    animation-duration: 5s;
}

.anim-itr-inf{
    animation-iteration-count: infinite;
}

.anim-tif-lin{
    animation-timing-function: linear;
}
.anim-tif-e{
    animation-timing-function: ease;
}
.anim-tif-eo{
    animation-timing-function: ease-out;
}
.anim-tif-ei{
    animation-timing-function: ease-in;
}
.anim-tif-eio{
    animation-timing-function: ease-in-out;
}