/* show from bottom */
/* used on items to appear as the visitor scrolls */
@keyframes showFromBottom{
    from{ opacity:0; transform:translate(0,15%);}
    to  { opacity:1; transform:none;}
}
/*.animation--showFromBottom{opacity:0;}*/
.animation--showFromBottom.show{
    opacity:0;
    animation:showFromBottom 0.9s ease-out 0s 1 forwards;
}

/* appear */
/* used for the menu to appear */
@keyframes appear{
    from{ opacity:0; }
    to  { opacity:1; }
}
.animation--appear{
    animation:appear 0.5s linear 0s 1 forwards;
}