/*--------------------------------------------------------------------------*\
    Disappearing upwards into the fog
\*--------------------------------------------------------------------------*/

@keyframes fade-out-fog-top {

    0% {
        /*box*/
        filter: blur(0px);
    }

    100% {
        /*box*/
        opacity: 0.2;
        filter: blur(8px) grayscale(100%);

        /*transform*/
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px);
    }

}

.anim-name-fade-out-fog-top {
    /*animation*/
    animation-name: fade-out-fog-top;
    -webkit-animation-name: fade-out-fog-top;
}