.container{position:relative;z-index:10}.matrixs{top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none}.matrix,.matrixs{position:absolute}.matrix{--matrix-color:#fff;--tail-color:cyan;--fall-duration:9s;--tail-fade-duration:var(--fall-duration);--characters:"0","1";top:-10%;left:var(--left-offset,0);color:var(--matrix-color);border-radius:50%;filter:drop-shadow(0 0 8px currentColor);transform:translateZ(0);animation:fall var(--fall-duration) var(--fall-delay) linear infinite,tail-fade var(--tail-fade-duration) var(--fall-delay) ease-out infinite}@media screen and (max-width:750px){.matrix{animation:fall var(--fall-duration) var(--fall-delay) linear infinite}}.matrix:first-child{--top-offset:75.53vh;--fall-duration:10.259s;--fall-delay:0.41s;--left-offset:57%}.matrix:nth-child(2){--top-offset:45.03vh;--fall-duration:7.342s;--fall-delay:2.203s;--left-offset:74%}.matrix:nth-child(3){--top-offset:65.82vh;--fall-duration:11.543s;--fall-delay:9.51s;--left-offset:92%}.matrix:nth-child(4){--top-offset:99.88vh;--fall-duration:6.764s;--fall-delay:4.455s;--left-offset:0%}.matrix:nth-child(5){--top-offset:26.09vh;--fall-duration:6.711s;--fall-delay:6.76s;--left-offset:2%}.matrix:nth-child(6){--top-offset:98.9vh;--fall-duration:9.243s;--fall-delay:8.443s;--left-offset:63%}.matrix:nth-child(7){--top-offset:29.4vh;--fall-duration:10.655s;--fall-delay:7.783s;--left-offset:45%}.matrix:nth-child(8){--top-offset:50.91vh;--fall-duration:10.893s;--fall-delay:0.966s;--left-offset:68%}.matrix:nth-child(9){--top-offset:75.56vh;--fall-duration:6.908s;--fall-delay:1.69s;--left-offset:31%}.matrix:nth-child(10){--top-offset:87.48vh;--fall-duration:9.006s;--fall-delay:9.691s;--left-offset:20%}.matrix:nth-child(11){--top-offset:29.2vh;--fall-duration:11.686s;--fall-delay:5.919s;--left-offset:81%}.matrix:nth-child(12){--top-offset:47.52vh;--fall-duration:9.758s;--fall-delay:5.848s;--left-offset:20%}.matrix:nth-child(13){--top-offset:58.08vh;--fall-duration:6.559s;--fall-delay:3.264s;--left-offset:4%}.matrix:nth-child(14){--top-offset:53.24vh;--fall-duration:10.179s;--fall-delay:9.951s;--left-offset:45%}.matrix:nth-child(15){--top-offset:84.72vh;--fall-duration:9.962s;--fall-delay:1.439s;--left-offset:95%}.matrix:nth-child(16){--top-offset:61.34vh;--fall-duration:11.443s;--fall-delay:9.635s;--left-offset:57%}.matrix:nth-child(17){--top-offset:80.04vh;--fall-duration:9.411s;--fall-delay:5.594s;--left-offset:85%}.matrix:nth-child(18){--top-offset:28.71vh;--fall-duration:6.716s;--fall-delay:8.385s;--left-offset:61%}.matrix:nth-child(19){--top-offset:57.73vh;--fall-duration:10.667s;--fall-delay:3.009s;--left-offset:73%}.matrix:nth-child(20){--top-offset:48.08vh;--fall-duration:7.369s;--fall-delay:5.97s;--left-offset:16%}.matrix:nth-child(21){--top-offset:93.66vh;--fall-duration:7.094s;--fall-delay:6.816s;--left-offset:55%}.matrix:nth-child(22){--top-offset:59.66vh;--fall-duration:11.126s;--fall-delay:4.905s;--left-offset:53%}.matrix:nth-child(23){--top-offset:11.71vh;--fall-duration:9.122s;--fall-delay:5.215s;--left-offset:76%}.matrix:nth-child(24){--top-offset:85.25vh;--fall-duration:6.332s;--fall-delay:6.253s;--left-offset:41%}.matrix:nth-child(25){--top-offset:71.1vh;--fall-duration:10.197s;--fall-delay:5.565s;--left-offset:7%}.matrix:nth-child(26){--top-offset:64.71vh;--fall-duration:10.959s;--fall-delay:9.586s;--left-offset:53%}.matrix:nth-child(27){--top-offset:57.95vh;--fall-duration:11.418s;--fall-delay:5.879s;--left-offset:34%}.matrix:nth-child(28){--top-offset:17.65vh;--fall-duration:11.548s;--fall-delay:7.641s;--left-offset:22%}.matrix:nth-child(29){--top-offset:28.69vh;--fall-duration:8.463s;--fall-delay:7.484s;--left-offset:77%}.matrix:nth-child(30){--top-offset:63.58vh;--fall-duration:10.389s;--fall-delay:4.98s;--left-offset:32%}.matrix:nth-child(31){--top-offset:77.05vh;--fall-duration:10.514s;--fall-delay:9.091s;--left-offset:12%}.matrix:nth-child(32){--top-offset:39.82vh;--fall-duration:7.234s;--fall-delay:5.515s;--left-offset:32%}.matrix:nth-child(33){--top-offset:94.97vh;--fall-duration:6.166s;--fall-delay:4.273s;--left-offset:26%}.matrix:nth-child(34){--top-offset:75.13vh;--fall-duration:10.696s;--fall-delay:8.456s;--left-offset:91%}.matrix:nth-child(35){--top-offset:68.95vh;--fall-duration:10.454s;--fall-delay:3.964s;--left-offset:38%}.matrix:nth-child(36){--top-offset:51.81vh;--fall-duration:7.416s;--fall-delay:1.572s;--left-offset:89%}.matrix:nth-child(37){--top-offset:36.71vh;--fall-duration:9.27s;--fall-delay:0.078s;--left-offset:67%}.matrix:nth-child(38){--top-offset:91.64vh;--fall-duration:7.547s;--fall-delay:0.82s;--left-offset:16%}.matrix:nth-child(39){--top-offset:12.24vh;--fall-duration:6.683s;--fall-delay:8.996s;--left-offset:46%}.matrix:nth-child(40){--top-offset:30.12vh;--fall-duration:10.983s;--fall-delay:7.116s;--left-offset:35%}.matrix:nth-child(41){--top-offset:81.89vh;--fall-duration:10.99s;--fall-delay:8.673s;--left-offset:3%}.matrix:nth-child(42){--top-offset:65.8vh;--fall-duration:10.42s;--fall-delay:3.283s;--left-offset:22%}.matrix:nth-child(43){--top-offset:59.95vh;--fall-duration:11.177s;--fall-delay:2.698s;--left-offset:91%}.matrix:nth-child(44){--top-offset:46.42vh;--fall-duration:9.549s;--fall-delay:5.59s;--left-offset:14%}.matrix:nth-child(45){--top-offset:57.73vh;--fall-duration:9.479s;--fall-delay:1.274s;--left-offset:35%}.matrix:nth-child(46){--top-offset:10.52vh;--fall-duration:8.168s;--fall-delay:4.881s;--left-offset:65%}.matrix:nth-child(47){--top-offset:95.63vh;--fall-duration:6.949s;--fall-delay:1.534s;--left-offset:0%}.matrix:nth-child(48){--top-offset:70.97vh;--fall-duration:7.303s;--fall-delay:4.956s;--left-offset:74%}.matrix:nth-child(49){--top-offset:7.03vh;--fall-duration:7.757s;--fall-delay:9.251s;--left-offset:80%}.matrix:nth-child(50){--top-offset:18.5vh;--fall-duration:6.091s;--fall-delay:6.025s;--left-offset:95%}.matrix:before{content:attr(character);top:0;height:100%;color:var(--matrix-color);animation:blink 2s linear infinite}.matrix:after,.matrix:before{position:absolute;left:50%;transform:translateX(-50%)}.matrix:after{content:"0101100";bottom:100%;display:block;writing-mode:vertical-lr;text-orientation:upright;color:var(--tail-color);opacity:.5;z-index:-1;animation:switch-character 3s steps(1) infinite,blink 2s linear infinite}@keyframes fall{to{transform:translate3d(0,90vh,0)}}@keyframes switch-character{0%{content:"0011001"}50%{content:"110010"}to{content:"1001110"}}@keyframes blink{50%{opacity:.6}}@keyframes fade{0%,to{opacity:.5}50%{opacity:.2}}