.fallingDiv {
    border: 2px solid white;
    box-shadow: 0px 0px 7px -2px white;
    animation: fallingDiv linear 1;
    position: absolute;
    opacity:0.0;
}

@keyframes fallingDiv {
    0% {
        top: 0%;
        opacity:0.0;
    }

    20% {
        opacity: 0.3;
    }

    80% {
        opacity: 0.3;
    }

    100% {
        transform: rotate(360deg);
        top: 100%;
        opacity: 0.0;
    }
}

.arrow_keys {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 150px;
    opacity: 0.0;
    animation: arrow_keys linear 1s 7;
}

@keyframes arrow_keys {
    0% {
        opacity: 0.2;
    }

    50% {
        opacity: 0.8;
    }

    100% {
        opacity: 0.2;
    }
}