html{height:100%;background:linear-gradient(#123 30%, #667);}.snow{position:fixed;top:-600px;left:0;right:0;bottom:0;background-image:radial-gradient(3px 3px at 50px 50px, rgba(255,255,255,0.7) 50%, rgba(0,0,0,0) 100%), radial-gradient(4px 4px at 150px 120px, rgba(255,255,255,0.6) 50%, rgba(0,0,0,0) 100%), radial-gradient(3px 3px at 250px 300px, rgba(255,255,255,0.5) 50%, rgba(0,0,0,0) 100%), radial-gradient(5px 5px at 400px 200px, rgba(255,255,255,0.8) 50%, rgba(0,0,0,0) 100%), radial-gradient(2px 2px at 500px 100px, rgba(255,255,255,0.6) 50%, rgba(0,0,0,0) 100%), radial-gradient(3px 3px at 100px 250px, rgba(255,255,255,0.5) 50%, rgba(0,0,0,0) 100%), radial-gradient(4px 4px at 200px 400px, rgba(255,255,255,0.7) 50%, rgba(0,0,0,0) 100%), radial-gradient(2px 2px at 300px 50px, rgba(255,255,255,0.6) 50%, rgba(0,0,0,0) 100%), radial-gradient(5px 5px at 450px 350px, rgba(255,255,255,0.8) 50%, rgba(0,0,0,0) 100%), radial-gradient(3px 3px at 550px 150px, rgba(255,255,255,0.5) 50%, rgba(0,0,0,0) 100%), radial-gradient(4px 4px at 600px 250px, rgba(255,255,255,0.6) 50%, rgba(0,0,0,0) 100%), radial-gradient(2px 2px at 50px 400px, rgba(255,255,255,0.7) 50%, rgba(0,0,0,0) 100%), radial-gradient(5px 5px at 150px 50px, rgba(255,255,255,0.8) 50%, rgba(0,0,0,0) 100%), radial-gradient(3px 3px at 250px 150px, rgba(255,255,255,0.5) 50%, rgba(0,0,0,0) 100%), radial-gradient(4px 4px at 350px 300px, rgba(255,255,255,0.6) 50%, rgba(0,0,0,0) 100%), radial-gradient(2px 2px at 450px 100px, rgba(255,255,255,0.7) 50%, rgba(0,0,0,0) 100%), radial-gradient(5px 5px at 550px 400px, rgba(255,255,255,0.8) 50%, rgba(0,0,0,0) 100%), radial-gradient(3px 3px at 600px 50px, rgba(255,255,255,0.5) 50%, rgba(0,0,0,0) 100%), radial-gradient(4px 4px at 50px 200px, rgba(255,255,255,0.6) 50%, rgba(0,0,0,0) 100%), radial-gradient(2px 2px at 150px 300px, rgba(255,255,255,0.7) 50%, rgba(0,0,0,0) 100%), radial-gradient(5px 5px at 250px 400px, rgba(255,255,255,0.8) 50%, rgba(0,0,0,0) 100%), radial-gradient(3px 3px at 350px 50px, rgba(255,255,255,0.5) 50%, rgba(0,0,0,0) 100%), radial-gradient(4px 4px at 450px 150px, rgba(255,255,255,0.6) 50%, rgba(0,0,0,0) 100%), radial-gradient(2px 2px at 550px 250px, rgba(255,255,255,0.7) 50%, rgba(0,0,0,0) 100%), radial-gradient(5px 5px at 600px 350px, rgba(255,255,255,0.8) 50%, rgba(0,0,0,0) 100%), radial-gradient(3px 3px at 50px 100px, rgba(255,255,255,0.5) 50%, rgba(0,0,0,0) 100%), radial-gradient(4px 4px at 150px 250px, rgba(255,255,255,0.6) 50%, rgba(0,0,0,0) 100%), radial-gradient(2px 2px at 250px 50px, rgba(255,255,255,0.7) 50%, rgba(0,0,0,0) 100%), radial-gradient(5px 5px at 350px 200px, rgba(255,255,255,0.8) 50%, rgba(0,0,0,0) 100%), radial-gradient(3px 3px at 450px 300px, rgba(255,255,255,0.5) 50%, rgba(0,0,0,0) 100%);background-size:600px 600px;animation:snow 3s linear infinite;}@keyframes snow{to{transform:translateY(600px);}}