/* 
   Based on the wonderful snippet of Alvaro Montoro
   https://codepen.io/alvaromontoro/pen/GRNmdzB
*/


@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
    .f {
        width: calc(var(--s) * 3.0) !important;
        height: calc(var(--s) * 3.0) !important;
    }
}

.f{z-index: -1000;--s:1vw;width:var(--s);height:var(--s);background:#0a0a0a;border-radius:50%;position:fixed;top:-5vh}@keyframes fall{0%{transform:translate3d(var(--b),0,0)}100%{transform:translate3d(var(--e),110vh,0)}}.f:first-child{--s:0.2vw;--b:-2vw;--e:-6vw;--a:0.45;background:rgba(137,137,137,var(--a));left:94vw;animation:30s linear -20s infinite fall}.f:nth-child(2){--s:0.4vw;--b:6vw;--e:-3vw;--a:0.47;background:rgba(137,137,137,var(--a));left:3vw;animation:23s linear -7s infinite fall}.f:nth-child(3),.f:nth-child(4){--s:0.2vw;--b:10vw;background:rgba(137,137,137,var(--a))}.f:nth-child(3){--e:10vw;--a:0.31;left:49vw;animation:13s linear -30s infinite fall}.f:nth-child(4){--e:-4vw;--a:0.33;left:96vw;animation:14s linear -23s infinite fall}.f:nth-child(5){--s:0.4vw;--b:3vw;--e:-8vw;--a:0.45;background:rgba(137,137,137,var(--a));left:64vw;animation:26s linear -3s infinite fall}.f:nth-child(6){--s:1vw;--b:0vw;--e:-4vw;--a:0.35;background:rgba(137,137,137,var(--a));left:6vw;animation:26s linear -15s infinite fall}.f:nth-child(7),.f:nth-child(8){--s:0.2vw;background:rgba(137,137,137,var(--a))}.f:nth-child(7){--b:7vw;--e:-9vw;--a:0.45;left:11vw;animation:26s linear -23s infinite fall}.f:nth-child(8){--b:2vw;--e:2vw;--a:0.37;left:17vw;animation:15s linear -27s infinite fall}.f:nth-child(9){--s:0.8vw;--b:6vw;--e:-1vw;--a:0.48;background:rgba(137,137,137,var(--a));left:25vw;animation:12s linear -7s infinite fall}.f:nth-child(10){--s:0.2vw;--b:-2vw;--e:5vw;--a:0.34;background:rgba(137,137,137,var(--a));left:61vw;animation:22s linear -17s infinite fall}.f:nth-child(11){--s:0.4vw;--b:8vw;--e:10vw;--a:0.28;background:rgba(137,137,137,var(--a));left:41vw;animation:18s linear -10s infinite fall}.f:nth-child(12){--s:1vw;--b:3vw;--e:7vw;--a:0.37;background:rgba(137,137,137,var(--a));left:95vw;animation:28s linear -2s infinite fall}.f:nth-child(13){--s:0.2vw;--b:10vw;--e:-7vw;--a:0.46;background:rgba(137,137,137,var(--a));left:93vw;animation:23s linear -6s infinite fall}.f:nth-child(14){--s:0.8vw;--b:-9vw;--e:-1vw;--a:0.43;background:rgba(137,137,137,var(--a));left:49vw;animation:27s linear -7s infinite fall}.f:nth-child(15){--s:0.2vw;--b:-2vw;--e:0vw;--a:0.38;background:rgba(137,137,137,var(--a));left:78vw;animation:17s linear -22s infinite fall}.f:nth-child(16){--s:1vw;--b:-8vw;--e:8vw;--a:0.45;background:rgba(137,137,137,var(--a));left:4vw;animation:20s linear -26s infinite fall}.f:nth-child(17),.f:nth-child(18){--a:0.43;background:rgba(137,137,137,var(--a))}.f:nth-child(17){--s:0.8vw;--b:1vw;--e:-5vw;left:7vw;animation:15s linear -9s infinite fall}.f:nth-child(18){--s:0.6vw;--b:-1vw;--e:5vw;left:89vw;animation:17s linear -21s infinite fall}.f:nth-child(19){--s:0.4vw;--b:0vw;--e:-5vw;--a:0.33;background:rgba(137,137,137,var(--a));left:65vw;animation:17s linear -6s infinite fall}.f:nth-child(20){--s:0.6vw;--b:-5vw;--e:-6vw;--a:0.36;background:rgba(137,137,137,var(--a));left:52vw;animation:22s linear -17s infinite fall}.f:nth-child(21){--s:0.2vw;--b:10vw;--e:-4vw;--a:0.27;background:rgba(137,137,137,var(--a));left:52vw;animation:17s linear -26s infinite fall}.f:nth-child(22),.f:nth-child(23){--e:2vw;background:rgba(137,137,137,var(--a));--s:0.8vw}.f:nth-child(22){--b:-6vw;--a:0.45;left:20vw;animation:17s linear -21s infinite fall}.f:nth-child(23){--b:-9vw;--a:0.31;left:89vw;animation:26s linear -8s infinite fall}.f:nth-child(24){--s:0.8vw;--b:3vw;--e:4vw;--a:0.42;background:rgba(137,137,137,var(--a));left:1vw;animation:28s linear -28s infinite fall}.f:nth-child(25),.f:nth-child(26){--b:-8vw;--s:0.4vw;background:rgba(137,137,137,var(--a))}.f:nth-child(25){--e:-2vw;--a:0.36;left:18vw;animation:23s linear -11s infinite fall}.f:nth-child(26){--e:-1vw;--a:0.5;left:94vw;animation:17s linear -27s infinite fall}.f:nth-child(27){--s:0.4vw;--b:-9vw;--e:9vw;--a:0.42;background:rgba(137,137,137,var(--a));left:72vw;animation:24s linear -1s infinite fall}.f:nth-child(28){--s:1vw;--b:3vw;--e:4vw;--a:0.48;background:rgba(137,137,137,var(--a));left:80vw;animation:14s linear -24s infinite fall}.f:nth-child(29){--s:0.6vw;--b:5vw;--e:8vw;--a:0.46;background:rgba(137,137,137,var(--a));left:24vw;animation:13s linear -13s infinite fall}.f:nth-child(30){--s:0.4vw;--b:3vw;--e:-9vw;--a:0.5;background:rgba(137,137,137,var(--a));left:66vw;animation:17s linear -15s infinite fall}.f:nth-child(31){--s:0.8vw;--b:-3vw;--e:10vw;--a:0.46;background:rgba(137,137,137,var(--a));left:51vw;animation:29s linear -2s infinite fall}.f:nth-child(32),.f:nth-child(33){--s:0.2vw;--b:-3vw;left:58vw;background:rgba(137,137,137,var(--a))}.f:nth-child(32){--e:-1vw;--a:0.33;animation:11s linear -27s infinite fall}.f:nth-child(33){--e:-8vw;--a:0.43;animation:18s linear -23s infinite fall}.f:nth-child(34){--s:1vw;--b:10vw;--e:-9vw;--a:0.29;background:rgba(137,137,137,var(--a));left:72vw;animation:18s linear -26s infinite fall}.f:nth-child(35){--s:0.2vw;--b:1vw;--e:8vw;--a:0.33;background:rgba(137,137,137,var(--a));left:1vw;animation:22s linear -3s infinite fall}.f:nth-child(36),.f:nth-child(37){--s:0.8vw;--e:8vw;background:rgba(137,137,137,var(--a))}.f:nth-child(36){--b:8vw;--a:0.5;left:64vw;animation:18s linear -22s infinite fall}.f:nth-child(37){--b:10vw;--a:0.45;left:74vw;animation:24s linear -1s infinite fall}.f:nth-child(38){--s:0.4vw;--b:-9vw;--e:-6vw;--a:0.22;background:rgba(137,137,137,var(--a));left:54vw;animation:23s linear -12s infinite fall}.f:nth-child(39){--s:0.6vw;--b:-8vw;--e:-7vw;--a:0.29;background:rgba(137,137,137,var(--a));left:27vw;animation:14s linear -8s infinite fall}.f:nth-child(40){--s:0.2vw;--b:9vw;--e:-1vw;--a:0.29;background:rgba(137,137,137,var(--a));left:96vw;animation:27s linear -12s infinite fall}.f:nth-child(41),.f:nth-child(42){--s:0.2vw;--b:-9vw;background:rgba(137,137,137,var(--a))}.f:nth-child(41){--e:9vw;--a:0.42;left:77vw;animation:13s linear -7s infinite fall}.f:nth-child(42){--e:10vw;--a:0.25;left:73vw;animation:29s linear -17s infinite fall}.f:nth-child(43),.f:nth-child(44){left:75vw;--s:0.2vw;background:rgba(137,137,137,var(--a))}.f:nth-child(43){--b:-1vw;--e:-8vw;--a:0.29;animation:19s linear -27s infinite fall}.f:nth-child(44){--b:-5vw;--e:-4vw;--a:0.24;animation:16s linear -12s infinite fall}.f:nth-child(45){--s:0.2vw;--b:6vw;--e:-7vw;--a:0.42;background:rgba(137,137,137,var(--a));left:21vw;animation:22s linear -26s infinite fall}.f:nth-child(46){--s:0.6vw;--b:0vw;--e:-8vw;--a:0.44;background:rgba(137,137,137,var(--a));left:59vw;animation:25s linear -1s infinite fall}.f:nth-child(47){--s:1vw;--b:-7vw;--e:6vw;--a:0.45;background:rgba(137,137,137,var(--a));left:74vw;animation:24s linear -12s infinite fall}.f:nth-child(48),.f:nth-child(49){--s:0.2vw;background:rgba(137,137,137,var(--a))}.f:nth-child(48){--b:6vw;--e:4vw;--a:0.44;left:12vw;animation:25s linear -17s infinite fall}.f:nth-child(49){--b:2vw;--e:7vw;--a:0.33;left:11vw;animation:23s linear -19s infinite fall}.f:nth-child(50){--s:0.4vw;--b:-5vw;--e:9vw;--a:0.34;background:rgba(137,137,137,var(--a));left:37vw;animation:15s linear -16s infinite fall}.f:nth-child(51){--s:0.2vw;--b:2vw;--e:9vw;--a:0.38;background:rgba(137,137,137,var(--a));left:1vw;animation:29s linear -12s infinite fall}.f:nth-child(52),.f:nth-child(53){--s:1vw;background:rgba(137,137,137,var(--a))}.f:nth-child(52){--b:-8vw;--e:-2vw;--a:0.49;left:100vw;animation:11s linear -3s infinite fall}.f:nth-child(53){--b:-7vw;--e:4vw;--a:0.39;left:21vw;animation:17s linear -22s infinite fall}.f:nth-child(54){--s:0.4vw;--b:5vw;--e:-7vw;--a:0.24;background:rgba(137,137,137,var(--a));left:36vw;animation:18s linear -25s infinite fall}.f:nth-child(55){--s:0.8vw;--b:-1vw;--e:-8vw;--a:0.38;background:rgba(137,137,137,var(--a));left:13vw;animation:24s linear -22s infinite fall}.f:nth-child(56){--s:0.8vw;--b:5vw;--e:10vw;--a:0.33;background:rgba(137,137,137,var(--a));left:70vw;animation:28s linear -26s infinite fall}.f:nth-child(57),.f:nth-child(58){--s:0.6vw;background:rgba(137,137,137,var(--a))}.f:nth-child(57){--b:6vw;--e:10vw;--a:0.3;left:100vw;animation:12s linear -5s infinite fall}.f:nth-child(58){--b:2vw;--e:5vw;--a:0.44;left:30vw;animation:14s linear -29s infinite fall}.f:nth-child(59){--s:1vw;--b:5vw;--e:-5vw;--a:0.22;background:rgba(137,137,137,var(--a));left:17vw;animation:28s linear -19s infinite fall}.f:nth-child(60){--s:0.6vw;--b:3vw;--e:7vw;--a:0.43;background:rgba(137,137,137,var(--a));left:66vw;animation:14s linear -25s infinite fall}.f:nth-child(61){--s:0.4vw;--b:6vw;--e:8vw;--a:0.48;background:rgba(137,137,137,var(--a));left:71vw;animation:19s linear -21s infinite fall}.f:nth-child(62),.f:nth-child(63){--b:7vw;background:rgba(137,137,137,var(--a))}.f:nth-child(62){--s:1vw;--e:-9vw;--a:0.45;left:51vw;animation:18s linear -6s infinite fall}.f:nth-child(63){--s:0.4vw;--e:-6vw;--a:0.44;left:24vw;animation:28s linear -26s infinite fall}.f:nth-child(64){--s:1vw;--b:4vw;--e:-7vw;--a:0.29;background:rgba(137,137,137,var(--a));left:28vw;animation:17s linear -18s infinite fall}.f:nth-child(65),.f:nth-child(66){--s:0.8vw;background:rgba(137,137,137,var(--a))}.f:nth-child(65){--b:7vw;--e:7vw;--a:0.24;left:2vw;animation:17s linear -12s infinite fall}.f:nth-child(66){--b:-3vw;--e:10vw;--a:0.34;left:98vw;animation:16s linear -22s infinite fall}.f:nth-child(67){--s:0.6vw;--b:4vw;--e:1vw;--a:0.41;background:rgba(137,137,137,var(--a));left:52vw;animation:16s linear -9s infinite fall}.f:nth-child(68){--s:0.8vw;--b:-9vw;--e:-7vw;--a:0.44;background:rgba(137,137,137,var(--a));left:51vw;animation:28s linear -23s infinite fall}.f:nth-child(69){--s:0.2vw;--b:-8vw;--e:6vw;--a:0.34;background:rgba(137,137,137,var(--a));left:40vw;animation:23s linear -16s infinite fall}.f:nth-child(6n){filter:blur(1px)}