#fx-overlay{
position:fixed;
top:0;left:0;
width:100%;height:100%;
pointer-events:none;
overflow:hidden;
z-index:9999;
}

.fx-particle{
position:absolute;
top:-10px;
animation:fall linear infinite;
}

@keyframes fall{
to{transform:translateY(110vh);}
}

.fx-section{
position:relative;
overflow:hidden;
padding:20px;
}

[data-fx="snow"] .fx-particle{background:#fff;border-radius:50%;}
[data-fx="rain"] .fx-particle{background:rgba(180,220,255,0.7);width:2px;}
[data-fx="sparkle"] .fx-particle{background:gold;box-shadow:0 0 6px gold;border-radius:50%;}
[data-fx="halloween"] .fx-particle{font-size:18px;}