.particle-container{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;z-index:1}.particle{position:absolute;border-radius:50%;opacity:0;animation:particleFloat 15s linear infinite}.particle-1{width:4px;height:4px;background:radial-gradient(circle,rgba(59,130,246,.8) 0,rgba(59,130,246,.2) 70%,transparent 100%);animation-duration:12s}.particle-2{width:6px;height:6px;background:radial-gradient(circle,rgba(139,92,246,.8) 0,rgba(139,92,246,.2) 70%,transparent 100%);animation-duration:18s}.particle-3{width:3px;height:3px;background:radial-gradient(circle,rgba(6,182,212,.8) 0,rgba(6,182,212,.2) 70%,transparent 100%);animation-duration:15s}.particle:first-child{left:5%;animation-delay:0s}.particle:nth-child(2){left:15%;animation-delay:-2s}.particle:nth-child(3){left:25%;animation-delay:-4s}.particle:nth-child(4){left:35%;animation-delay:-6s}.particle:nth-child(5){left:45%;animation-delay:-8s}.particle:nth-child(6){left:55%;animation-delay:-10s}.particle:nth-child(7){left:65%;animation-delay:-12s}.particle:nth-child(8){left:75%;animation-delay:-14s}.particle:nth-child(9){left:85%;animation-delay:-16s}.particle:nth-child(10){left:95%;animation-delay:-18s}.particle:nth-child(11){left:10%;animation-delay:-1s}.particle:nth-child(12){left:20%;animation-delay:-3s}.particle:nth-child(13){left:30%;animation-delay:-5s}.particle:nth-child(14){left:40%;animation-delay:-7s}.particle:nth-child(15){left:50%;animation-delay:-9s}.particle:nth-child(16){left:60%;animation-delay:-11s}.particle:nth-child(17){left:70%;animation-delay:-13s}.particle:nth-child(18){left:80%;animation-delay:-15s}.particle:nth-child(19){left:90%;animation-delay:-17s}.particle:nth-child(20){left:12%;animation-delay:-19s}.particle:nth-child(21){left:22%;animation-delay:-.5s}.particle:nth-child(22){left:32%;animation-delay:-2.5s}.particle:nth-child(23){left:42%;animation-delay:-4.5s}.particle:nth-child(24){left:52%;animation-delay:-6.5s}.particle:nth-child(25){left:62%;animation-delay:-8.5s}.particle:nth-child(26){left:72%;animation-delay:-10.5s}.particle:nth-child(27){left:82%;animation-delay:-12.5s}.particle:nth-child(28){left:92%;animation-delay:-14.5s}.particle:nth-child(29){left:8%;animation-delay:-16.5s}.particle:nth-child(30){left:18%;animation-delay:-18.5s}.particle:nth-child(31){left:28%;animation-delay:-1.5s}.particle:nth-child(32){left:38%;animation-delay:-3.5s}.particle:nth-child(33){left:48%;animation-delay:-5.5s}.particle:nth-child(34){left:58%;animation-delay:-7.5s}.particle:nth-child(35){left:68%;animation-delay:-9.5s}.particle:nth-child(36){left:78%;animation-delay:-11.5s}.particle:nth-child(37){left:88%;animation-delay:-13.5s}.particle:nth-child(38){left:98%;animation-delay:-15.5s}.particle:nth-child(39){left:3%;animation-delay:-17.5s}.particle:nth-child(40){left:13%;animation-delay:-19.5s}.particle:nth-child(41){left:23%;animation-delay:-.25s}.particle:nth-child(42){left:33%;animation-delay:-2.25s}.particle:nth-child(43){left:43%;animation-delay:-4.25s}.particle:nth-child(44){left:53%;animation-delay:-6.25s}.particle:nth-child(45){left:63%;animation-delay:-8.25s}.particle:nth-child(46){left:73%;animation-delay:-10.25s}.particle:nth-child(47){left:83%;animation-delay:-12.25s}.particle:nth-child(48){left:93%;animation-delay:-14.25s}.particle:nth-child(49){left:7%;animation-delay:-16.25s}.particle:nth-child(50){left:17%;animation-delay:-18.25s}@keyframes particleFloat{0%{transform:translateY(100vh) translateX(0);opacity:0}10%{opacity:.8}90%{opacity:.8}to{transform:translateY(-100px) translateX(20px);opacity:0}}