.rain-effect{pointer-events:none;z-index:10;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.rain-drop{border:.3vmin solid #0000;border-bottom-color:#abc2e9cc;animation:linear infinite rain-fall;position:absolute;top:-5vmin}@keyframes rain-fall{to{transform:translateY(100vh)}}
.starfall-effect{pointer-events:none;z-index:10;--accent-color:#00d1b2;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.falling-star{background:var(--accent-color);width:6px;height:6px;box-shadow:0 0 6px var(--accent-color);border-radius:50%;animation:linear infinite starfall;position:absolute;top:-10px}@keyframes starfall{0%{opacity:0;transform:translateY(0)translate(0)}10%{opacity:1}50%{opacity:.8}to{transform:translateY(100vh)translateX(var(--translate-x));opacity:0}}