.fp-container {
    position: fixed;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: 9999;
}

.fp-particle {

    position: absolute;
    top: -50px;

    animation: fpFall linear forwards;

    opacity: .9;

    filter: drop-shadow(
        0 4px 6px rgba(0,0,0,.15)
    );
}

@keyframes fpFall {

    0% {
        transform:
            translateY(0)
            rotate(0deg);
    }

    50% {
        transform:
            translateX(50px)
            translateY(50vh)
            rotate(180deg);
    }

    100% {
        transform:
            translateX(-50px)
            translateY(110vh)
            rotate(360deg);
    }
}