/*
All of this is inspired by https://www.youtube.com/watch?v=G9207EJySaA
 */

.shape{
    height: 10px;
    width: 10px;
    border-radius: 50%;
    z-index: 20;
    position: absolute;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

.glow {
    box-shadow: 0 0 1rem 1rem rgba(255, 255, 255, 1);
}

@keyframes fall {
    0%{
        transform: translate(0px, 0px);
        opacity: 1;
    }
    100% {
        transform: translate(0px, 250px);
        opacity: 0;
    }
}

@keyframes fall2 {
    0%{
        transform: translate(0px, 0px);
        opacity: 1;
    }
    100% {
        transform: translate(0px, 100px);
        opacity: 0;
    }
}

@keyframes fall3 {
    0%{
        transform: translate(0px, 0px);
        opacity: 1;
    }
    100% {
        transform: translate(50px, 400px);
        opacity: 0;
    }
}