/* Falling Effects CSS */

/* Snow effect css */
.falling-element {
    position: fixed;
    top: -10px;
    color: inherit !important;
    font-size: 10px;
    opacity: 0.7;
    animation: fall linear infinite;
    pointer-events: none;
    z-index: 9999;
}

/* Flower effect css */
.falling-element.flower {
    font-size: 20px;
}

.falling-element.flower img {
    width: 100%;
    height: auto;
    display: block;
}

/* Animation */
@keyframes fall {
    to {
        transform: translateY(100vh) rotate(360deg);
    }
}

/* Snowflake specific animation (no rotation) */
.falling-element.snowflake {
    animation: fall-snow linear infinite;
}

@keyframes fall-snow {
    to {
        transform: translateY(100vh);
    }
}