{"id":9374,"date":"2024-01-10T18:02:00","date_gmt":"2024-01-10T18:02:00","guid":{"rendered":"https:\/\/codehim.com\/?p=9374"},"modified":"2024-01-22T16:03:25","modified_gmt":"2024-01-22T11:03:25","slug":"falling-snow-effect-html-code","status":"publish","type":"post","link":"https:\/\/codehim.com\/animation-effects\/falling-snow-effect-html-code\/","title":{"rendered":"Falling Snow Effect HTML Code"},"content":{"rendered":"

This HTML and CSS code snippet creates a captivating falling snow effect on a webpage. It utilizes CSS and HTML to simulate falling snowflakes. Each snowflake is positioned randomly and animated to drift down the screen, lending a delightful winter ambiance to your webpage. It’s a fun and visually appealing feature to enhance your website’s appearance.<\/p>\n

How to Create Falling Snow Effect Using HTML and CSS<\/h2>\n

1. Begin by creating a basic HTML structure for your webpage. Place the following code within the <body><\/code> tags of your HTML file:<\/p>\n

<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<div class=\"snow\"><\/div>\r\n<\/pre>\n
These <div><\/code> elements represent the snowflakes that will fall on your webpage. You can add more or fewer divs as needed.<\/p>\n
2. Now, let’s style your snowflakes and set up the background. Add the following CSS code to your HTML file within a <style><\/code> or an external stylesheet:<\/p>\n
body {\r\n  height: 100vh;\r\n  background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%) !important; \r\n  overflow: hidden;\r\n   position: relative;\r\n  filter: drop-shadow(0 0 10px white);\r\n}\r\n\r\n.snow {\r\n  position: absolute;\r\n  width: 10px;\r\n  height: 10px;\r\n  background: white;\r\n  border-radius: 50%;\r\n}\r\n.snow:nth-child(1) {\r\n  opacity: 0.1037;\r\n  transform: translate(0.4053vw, -10px) scale(0.4176);\r\n  animation: fall-1 23s -26s linear infinite;\r\n}\r\n@keyframes fall-1 {\r\n  59.437% {\r\n    transform: translate(-8.0098vw, 59.437vh) scale(0.4176);\r\n  }\r\n  to {\r\n    transform: translate(-3.80225vw, 100vh) scale(0.4176);\r\n  }\r\n}\r\n.snow:nth-child(2) {\r\n  opacity: 0.1597;\r\n  transform: translate(17.1012vw, -10px) scale(0.9029);\r\n  animation: fall-2 15s -15s linear infinite;\r\n}\r\n@keyframes fall-2 {\r\n  47.917% {\r\n    transform: translate(17.9224vw, 47.917vh) scale(0.9029);\r\n  }\r\n  to {\r\n    transform: translate(17.5118vw, 100vh) scale(0.9029);\r\n  }\r\n}\r\n.snow:nth-child(3) {\r\n  opacity: 0.5103;\r\n  transform: translate(59.2196vw, -10px) scale(0.1384);\r\n  animation: fall-3 20s -14s linear infinite;\r\n}\r\n@keyframes fall-3 {\r\n  32.868% {\r\n    transform: translate(60.9261vw, 32.868vh) scale(0.1384);\r\n  }\r\n  to {\r\n    transform: translate(60.07285vw, 100vh) scale(0.1384);\r\n  }\r\n}\r\n.snow:nth-child(4) {\r\n  opacity: 0.3232;\r\n  transform: translate(5.9416vw, -10px) scale(0.3733);\r\n  animation: fall-4 15s -19s linear infinite;\r\n}\r\n@keyframes fall-4 {\r\n  58.653% {\r\n    transform: translate(0.4741vw, 58.653vh) scale(0.3733);\r\n  }\r\n  to {\r\n    transform: translate(3.20785vw, 100vh) scale(0.3733);\r\n  }\r\n}\r\n.snow:nth-child(5) {\r\n  opacity: 0.2686;\r\n  transform: translate(74.526vw, -10px) scale(0.9253);\r\n  animation: fall-5 15s -19s linear infinite;\r\n}\r\n@keyframes fall-5 {\r\n  74.959% {\r\n    transform: translate(66.6605vw, 74.959vh) scale(0.9253);\r\n  }\r\n  to {\r\n    transform: translate(70.59325vw, 100vh) scale(0.9253);\r\n  }\r\n}\r\n.snow:nth-child(6) {\r\n  opacity: 0.7515;\r\n  transform: translate(95.817vw, -10px) scale(0.2357);\r\n  animation: fall-6 20s -3s linear infinite;\r\n}\r\n@keyframes fall-6 {\r\n  34.722% {\r\n    transform: translate(96.2691vw, 34.722vh) scale(0.2357);\r\n  }\r\n  to {\r\n    transform: translate(96.04305vw, 100vh) scale(0.2357);\r\n  }\r\n}\r\n.snow:nth-child(7) {\r\n  opacity: 0.6281;\r\n  transform: translate(62.1456vw, -10px) scale(0.7676);\r\n  animation: fall-7 23s -29s linear infinite;\r\n}\r\n@keyframes fall-7 {\r\n  75.129% {\r\n    transform: translate(69.0938vw, 75.129vh) scale(0.7676);\r\n  }\r\n  to {\r\n    transform: translate(65.6197vw, 100vh) scale(0.7676);\r\n  }\r\n}\r\n.snow:nth-child(8) {\r\n  opacity: 0.4464;\r\n  transform: translate(54.055vw, -10px) scale(0.7214);\r\n  animation: fall-8 27s -21s linear infinite;\r\n}\r\n@keyframes fall-8 {\r\n  62.823% {\r\n    transform: translate(62.2956vw, 62.823vh) scale(0.7214);\r\n  }\r\n  to {\r\n    transform: translate(58.1753vw, 100vh) scale(0.7214);\r\n  }\r\n}\r\n.snow:nth-child(9) {\r\n  opacity: 0.2268;\r\n  transform: translate(93.913vw, -10px) scale(0.0275);\r\n  animation: fall-9 29s -9s linear infinite;\r\n}\r\n@keyframes fall-9 {\r\n  42.693% {\r\n    transform: translate(99.707vw, 42.693vh) scale(0.0275);\r\n  }\r\n  to {\r\n    transform: translate(96.81vw, 100vh) scale(0.0275);\r\n  }\r\n}\r\n.snow:nth-child(10) {\r\n  opacity: 0.2196;\r\n  transform: translate(35.907vw, -10px) scale(0.4371);\r\n  animation: fall-10 12s -7s linear infinite;\r\n}\r\n@keyframes fall-10 {\r\n  69.911% {\r\n    transform: translate(30.1657vw, 69.911vh) scale(0.4371);\r\n  }\r\n  to {\r\n    transform: translate(33.03635vw, 100vh) scale(0.4371);\r\n  }\r\n}\r\n.snow:nth-child(11) {\r\n  opacity: 0.8203;\r\n  transform: translate(91.4987vw, -10px) scale(0.6173);\r\n  animation: fall-11 10s -9s linear infinite;\r\n}\r\n@keyframes fall-11 {\r\n  66.971% {\r\n    transform: translate(89.0926vw, 66.971vh) scale(0.6173);\r\n  }\r\n  to {\r\n    transform: translate(90.29565vw, 100vh) scale(0.6173);\r\n  }\r\n}\r\n.snow:nth-child(12) {\r\n  opacity: 0.6819;\r\n  transform: translate(86.013vw, -10px) scale(0.321);\r\n  animation: fall-12 10s -3s linear infinite;\r\n}\r\n@keyframes fall-12 {\r\n  34.233% {\r\n    transform: translate(91.9681vw, 34.233vh) scale(0.321);\r\n  }\r\n  to {\r\n    transform: translate(88.99055vw, 100vh) scale(0.321);\r\n  }\r\n}\r\n.snow:nth-child(13) {\r\n  opacity: 0.5956;\r\n  transform: translate(70.6814vw, -10px) scale(0.0646);\r\n  animation: fall-13 18s -9s linear infinite;\r\n}\r\n@keyframes fall-13 {\r\n  48.327% {\r\n    transform: translate(71.7507vw, 48.327vh) scale(0.0646);\r\n  }\r\n  to {\r\n    transform: translate(71.21605vw, 100vh) scale(0.0646);\r\n  }\r\n}\r\n.snow:nth-child(14) {\r\n  opacity: 0.3065;\r\n  transform: translate(24.9917vw, -10px) scale(0.9972);\r\n  animation: fall-14 22s -27s linear infinite;\r\n}\r\n@keyframes fall-14 {\r\n  32.232% {\r\n    transform: translate(28.5147vw, 32.232vh) scale(0.9972);\r\n  }\r\n  to {\r\n    transform: translate(26.7532vw, 100vh) scale(0.9972);\r\n  }\r\n}\r\n.snow:nth-child(15) {\r\n  opacity: 0.5137;\r\n  transform: translate(19.2265vw, -10px) scale(0.5798);\r\n  animation: fall-15 15s -28s linear infinite;\r\n}\r\n@keyframes fall-15 {\r\n  30.89% {\r\n    transform: translate(20.1927vw, 30.89vh) scale(0.5798);\r\n  }\r\n  to {\r\n    transform: translate(19.7096vw, 100vh) scale(0.5798);\r\n  }\r\n}\r\n.snow:nth-child(16) {\r\n  opacity: 0.2497;\r\n  transform: translate(43.5647vw, -10px) scale(0.0722);\r\n  animation: fall-16 26s -12s linear infinite;\r\n}\r\n@keyframes fall-16 {\r\n  56.297% {\r\n    transform: translate(50.0129vw, 56.297vh) scale(0.0722);\r\n  }\r\n  to {\r\n    transform: translate(46.7888vw, 100vh) scale(0.0722);\r\n  }\r\n}\r\n.snow:nth-child(17) {\r\n  opacity: 0.4208;\r\n  transform: translate(41.3183vw, -10px) scale(0.5402);\r\n  animation: fall-17 20s -8s linear infinite;\r\n}\r\n@keyframes fall-17 {\r\n  44.533% {\r\n    transform: translate(42.4813vw, 44.533vh) scale(0.5402);\r\n  }\r\n  to {\r\n    transform: translate(41.8998vw, 100vh) scale(0.5402);\r\n  }\r\n}\r\n.snow:nth-child(18) {\r\n  opacity: 0.3921;\r\n  transform: translate(57.8601vw, -10px) scale(0.9854);\r\n  animation: fall-18 28s -18s linear infinite;\r\n}\r\n@keyframes fall-18 {\r\n  52.451% {\r\n    transform: translate(57.1186vw, 52.451vh) scale(0.9854);\r\n  }\r\n  to {\r\n    transform: translate(57.48935vw, 100vh) scale(0.9854);\r\n  }\r\n}\r\n.snow:nth-child(19) {\r\n  opacity: 0.3027;\r\n  transform: translate(13.0701vw, -10px) scale(0.2851);\r\n  animation: fall-19 26s -20s linear infinite;\r\n}\r\n@keyframes fall-19 {\r\n  67.302% {\r\n    transform: translate(22.3622vw, 67.302vh) scale(0.2851);\r\n  }\r\n  to {\r\n    transform: translate(17.71615vw, 100vh) scale(0.2851);\r\n  }\r\n}\r\n.snow:nth-child(20) {\r\n  opacity: 0.8176;\r\n  transform: translate(6.5879vw, -10px) scale(0.5955);\r\n  animation: fall-20 15s -26s linear infinite;\r\n}\r\n@keyframes fall-20 {\r\n  34.316% {\r\n    transform: translate(14.8215vw, 34.316vh) scale(0.5955);\r\n  }\r\n  to {\r\n    transform: translate(10.7047vw, 100vh) scale(0.5955);\r\n  }\r\n}\r\n.snow:nth-child(21) {\r\n  opacity: 0.0359;\r\n  transform: translate(68.9212vw, -10px) scale(0.7013);\r\n  animation: fall-21 24s -5s linear infinite;\r\n}\r\n@keyframes fall-21 {\r\n  52.996% {\r\n    transform: translate(63.4786vw, 52.996vh) scale(0.7013);\r\n  }\r\n  to {\r\n    transform: translate(66.1999vw, 100vh) scale(0.7013);\r\n  }\r\n}\r\n.snow:nth-child(22) {\r\n  opacity: 0.7553;\r\n  transform: translate(81.7399vw, -10px) scale(0.816);\r\n  animation: fall-22 28s -12s linear infinite;\r\n}\r\n@keyframes fall-22 {\r\n  37.294% {\r\n    transform: translate(80.4026vw, 37.294vh) scale(0.816);\r\n  }\r\n  to {\r\n    transform: translate(81.07125vw, 100vh) scale(0.816);\r\n  }\r\n}\r\n.snow:nth-child(23) {\r\n  opacity: 0.7498;\r\n  transform: translate(5.6684vw, -10px) scale(0.1443);\r\n  animation: fall-23 15s -11s linear infinite;\r\n}\r\n@keyframes fall-23 {\r\n  61.725% {\r\n    transform: translate(8.5441vw, 61.725vh) scale(0.1443);\r\n  }\r\n  to {\r\n    transform: translate(7.10625vw, 100vh) scale(0.1443);\r\n  }\r\n}\r\n.snow:nth-child(24) {\r\n  opacity: 0.4179;\r\n  transform: translate(55.5826vw, -10px) scale(0.978);\r\n  animation: fall-24 11s -13s linear infinite;\r\n}\r\n@keyframes fall-24 {\r\n  56.349% {\r\n    transform: translate(45.6229vw, 56.349vh) scale(0.978);\r\n  }\r\n  to {\r\n    transform: translate(50.60275vw, 100vh) scale(0.978);\r\n  }\r\n}\r\n.snow:nth-child(25) {\r\n  opacity: 0.1383;\r\n  transform: translate(20.3576vw, -10px) scale(0.3204);\r\n  animation: fall-25 30s -19s linear infinite;\r\n}\r\n@keyframes fall-25 {\r\n  76.697% {\r\n    transform: translate(17.6723vw, 76.697vh) scale(0.3204);\r\n  }\r\n  to {\r\n    transform: translate(19.01495vw, 100vh) scale(0.3204);\r\n  }\r\n}\r\n.snow:nth-child(26) {\r\n  opacity: 0.754;\r\n  transform: translate(34.2416vw, -10px) scale(0.7519);\r\n  animation: fall-26 28s -28s linear infinite;\r\n}\r\n@keyframes fall-26 {\r\n  70.428% {\r\n    transform: translate(27.0612vw, 70.428vh) scale(0.7519);\r\n  }\r\n  to {\r\n    transform: translate(30.6514vw, 100vh) scale(0.7519);\r\n  }\r\n}\r\n.snow:nth-child(27) {\r\n  opacity: 0.5975;\r\n  transform: translate(4.9031vw, -10px) scale(0.655);\r\n  animation: fall-27 25s -8s linear infinite;\r\n}\r\n@keyframes fall-27 {\r\n  44.294% {\r\n    transform: translate(9.807vw, 44.294vh) scale(0.655);\r\n  }\r\n  to {\r\n    transform: translate(7.35505vw, 100vh) scale(0.655);\r\n  }\r\n}\r\n.snow:nth-child(28) {\r\n  opacity: 0.9822;\r\n  transform: translate(27.0694vw, -10px) scale(0.8916);\r\n  animation: fall-28 22s -24s linear infinite;\r\n}\r\n@keyframes fall-28 {\r\n  46.298% {\r\n    transform: translate(33.5738vw, 46.298vh) scale(0.8916);\r\n  }\r\n  to {\r\n    transform: translate(30.3216vw, 100vh) scale(0.8916);\r\n  }\r\n}\r\n.snow:nth-child(29) {\r\n  opacity: 0.5457;\r\n  transform: translate(0.5679vw, -10px) scale(0.1033);\r\n  animation: fall-29 30s -25s linear infinite;\r\n}\r\n@keyframes fall-29 {\r\n  60.474% {\r\n    transform: translate(2.3608vw, 60.474vh) scale(0.1033);\r\n  }\r\n  to {\r\n    transform: translate(1.46435vw, 100vh) scale(0.1033);\r\n  }\r\n}\r\n.snow:nth-child(30) {\r\n  opacity: 0.4321;\r\n  transform: translate(95.1968vw, -10px) scale(0.3591);\r\n  animation: fall-30 16s -8s linear infinite;\r\n}\r\n@keyframes fall-30 {\r\n  66.211% {\r\n    transform: translate(91.7423vw, 66.211vh) scale(0.3591);\r\n  }\r\n  to {\r\n    transform: translate(93.46955vw, 100vh) scale(0.3591);\r\n  }\r\n}\r\n.snow:nth-child(31) {\r\n  opacity: 0.6376;\r\n  transform: translate(67.7211vw, -10px) scale(0.8379);\r\n  animation: fall-31 16s -17s linear infinite;\r\n}\r\n@keyframes fall-31 {\r\n  55.582% {\r\n    transform: translate(68.8493vw, 55.582vh) scale(0.8379);\r\n  }\r\n  to {\r\n    transform: translate(68.2852vw, 100vh) scale(0.8379);\r\n  }\r\n}\r\n.snow:nth-child(32) {\r\n  opacity: 0.0984;\r\n  transform: translate(52.1051vw, -10px) scale(0.7419);\r\n  animation: fall-32 29s -2s linear infinite;\r\n}\r\n@keyframes fall-32 {\r\n  32.3% {\r\n    transform: translate(60.5232vw, 32.3vh) scale(0.7419);\r\n  }\r\n  to {\r\n    transform: translate(56.31415vw, 100vh) scale(0.7419);\r\n  }\r\n}\r\n.snow:nth-child(33) {\r\n  opacity: 0.7582;\r\n  transform: translate(73.1309vw, -10px) scale(0.726);\r\n  animation: fall-33 13s -17s linear infinite;\r\n}\r\n@keyframes fall-33 {\r\n  41.242% {\r\n    transform: translate(77.5695vw, 41.242vh) scale(0.726);\r\n  }\r\n  to {\r\n    transform: translate(75.3502vw, 100vh) scale(0.726);\r\n  }\r\n}\r\n.snow:nth-child(34) {\r\n  opacity: 0.9349;\r\n  transform: translate(46.2347vw, -10px) scale(0.5496);\r\n  animation: fall-34 14s -7s linear infinite;\r\n}\r\n@keyframes fall-34 {\r\n  40.423% {\r\n    transform: translate(55.5472vw, 40.423vh) scale(0.5496);\r\n  }\r\n  to {\r\n    transform: translate(50.89095vw, 100vh) scale(0.5496);\r\n  }\r\n}\r\n.snow:nth-child(35) {\r\n  opacity: 0.0044;\r\n  transform: translate(91.48vw, -10px) scale(0.4057);\r\n  animation: fall-35 27s -7s linear infinite;\r\n}\r\n@keyframes fall-35 {\r\n  30.07% {\r\n    transform: translate(95.4718vw, 30.07vh) scale(0.4057);\r\n  }\r\n  to {\r\n    transform: translate(93.4759vw, 100vh) scale(0.4057);\r\n  }\r\n}\r\n.snow:nth-child(36) {\r\n  opacity: 0.1706;\r\n  transform: translate(93.6779vw, -10px) scale(0.0046);\r\n  animation: fall-36 16s -8s linear infinite;\r\n}\r\n@keyframes fall-36 {\r\n  42.232% {\r\n    transform: translate(95.3173vw, 42.232vh) scale(0.0046);\r\n  }\r\n  to {\r\n    transform: translate(94.4976vw, 100vh) scale(0.0046);\r\n  }\r\n}\r\n.snow:nth-child(37) {\r\n  opacity: 0.44;\r\n  transform: translate(43.4072vw, -10px) scale(0.1135);\r\n  animation: fall-37 29s -16s linear infinite;\r\n}\r\n@keyframes fall-37 {\r\n  77.762% {\r\n    transform: translate(42.6897vw, 77.762vh) scale(0.1135);\r\n  }\r\n  to {\r\n    transform: translate(43.04845vw, 100vh) scale(0.1135);\r\n  }\r\n}\r\n.snow:nth-child(38) {\r\n  opacity: 0.1418;\r\n  transform: translate(2.7045vw, -10px) scale(0.1923);\r\n  animation: fall-38 16s -13s linear infinite;\r\n}\r\n@keyframes fall-38 {\r\n  73.561% {\r\n    transform: translate(-5.4678vw, 73.561vh) scale(0.1923);\r\n  }\r\n  to {\r\n    transform: translate(-1.38165vw, 100vh) scale(0.1923);\r\n  }\r\n}\r\n.snow:nth-child(39) {\r\n  opacity: 0.1997;\r\n  transform: translate(38.1363vw, -10px) scale(0.724);\r\n  animation: fall-39 19s -11s linear infinite;\r\n}\r\n@keyframes fall-39 {\r\n  70.539% {\r\n    transform: translate(40.0784vw, 70.539vh) scale(0.724);\r\n  }\r\n  to {\r\n    transform: translate(39.10735vw, 100vh) scale(0.724);\r\n  }\r\n}\r\n.snow:nth-child(40) {\r\n  opacity: 0.3986;\r\n  transform: translate(40.205vw, -10px) scale(0.1945);\r\n  animation: fall-40 15s -9s linear infinite;\r\n}\r\n@keyframes fall-40 {\r\n  60.193% {\r\n    transform: translate(41.4719vw, 60.193vh) scale(0.1945);\r\n  }\r\n  to {\r\n    transform: translate(40.83845vw, 100vh) scale(0.1945);\r\n  }\r\n}\r\n.snow:nth-child(41) {\r\n  opacity: 0.7875;\r\n  transform: translate(32.8149vw, -10px) scale(0.8881);\r\n  animation: fall-41 11s -24s linear infinite;\r\n}\r\n@keyframes fall-41 {\r\n  79.272% {\r\n    transform: translate(23.7982vw, 79.272vh) scale(0.8881);\r\n  }\r\n  to {\r\n    transform: translate(28.30655vw, 100vh) scale(0.8881);\r\n  }\r\n}\r\n.snow:nth-child(42) {\r\n  opacity: 0.4322;\r\n  transform: translate(1.8899vw, -10px) scale(0.6933);\r\n  animation: fall-42 25s -3s linear infinite;\r\n}\r\n@keyframes fall-42 {\r\n  35.429% {\r\n    transform: translate(9.4699vw, 35.429vh) scale(0.6933);\r\n  }\r\n  to {\r\n    transform: translate(5.6799vw, 100vh) scale(0.6933);\r\n  }\r\n}\r\n.snow:nth-child(43) {\r\n  opacity: 0.9534;\r\n  transform: translate(61.5479vw, -10px) scale(0.8783);\r\n  animation: fall-43 17s -10s linear infinite;\r\n}\r\n@keyframes fall-43 {\r\n  49.53% {\r\n    transform: translate(55.7373vw, 49.53vh) scale(0.8783);\r\n  }\r\n  to {\r\n    transform: translate(58.6426vw, 100vh) scale(0.8783);\r\n  }\r\n}\r\n.snow:nth-child(44) {\r\n  opacity: 0.0535;\r\n  transform: translate(63.8409vw, -10px) scale(0.1769);\r\n  animation: fall-44 27s -29s linear infinite;\r\n}\r\n@keyframes fall-44 {\r\n  60.792% {\r\n    transform: translate(63.3758vw, 60.792vh) scale(0.1769);\r\n  }\r\n  to {\r\n    transform: translate(63.60835vw, 100vh) scale(0.1769);\r\n  }\r\n}\r\n.snow:nth-child(45) {\r\n  opacity: 0.6616;\r\n  transform: translate(86.6574vw, -10px) scale(0.4801);\r\n  animation: fall-45 27s -19s linear infinite;\r\n}\r\n@keyframes fall-45 {\r\n  64.664% {\r\n    transform: translate(86.936vw, 64.664vh) scale(0.4801);\r\n  }\r\n  to {\r\n    transform: translate(86.7967vw, 100vh) scale(0.4801);\r\n  }\r\n}\r\n.snow:nth-child(46) {\r\n  opacity: 0.4484;\r\n  transform: translate(38.6286vw, -10px) scale(0.2868);\r\n  animation: fall-46 11s -28s linear infinite;\r\n}\r\n@keyframes fall-46 {\r\n  39.7% {\r\n    transform: translate(31.9862vw, 39.7vh) scale(0.2868);\r\n  }\r\n  to {\r\n    transform: translate(35.3074vw, 100vh) scale(0.2868);\r\n  }\r\n}\r\n.snow:nth-child(47) {\r\n  opacity: 0.8196;\r\n  transform: translate(51.2231vw, -10px) scale(0.3736);\r\n  animation: fall-47 30s -20s linear infinite;\r\n}\r\n@keyframes fall-47 {\r\n  67.712% {\r\n    transform: translate(48.3246vw, 67.712vh) scale(0.3736);\r\n  }\r\n  to {\r\n    transform: translate(49.77385vw, 100vh) scale(0.3736);\r\n  }\r\n}\r\n.snow:nth-child(48) {\r\n  opacity: 0.2515;\r\n  transform: translate(75.4142vw, -10px) scale(0.1474);\r\n  animation: fall-48 24s -19s linear infinite;\r\n}\r\n@keyframes fall-48 {\r\n  35.46% {\r\n    transform: translate(76.0351vw, 35.46vh) scale(0.1474);\r\n  }\r\n  to {\r\n    transform: translate(75.72465vw, 100vh) scale(0.1474);\r\n  }\r\n}\r\n.snow:nth-child(49) {\r\n  opacity: 0.6275;\r\n  transform: translate(23.5737vw, -10px) scale(0.7263);\r\n  animation: fall-49 19s -19s linear infinite;\r\n}\r\n@keyframes fall-49 {\r\n  50.601% {\r\n    transform: translate(28.352vw, 50.601vh) scale(0.7263);\r\n  }\r\n  to {\r\n    transform: translate(25.96285vw, 100vh) scale(0.7263);\r\n  }\r\n}\r\n.snow:nth-child(50) {\r\n  opacity: 0.317;\r\n  transform: translate(97.6734vw, -10px) scale(0.0573);\r\n  animation: fall-50 17s -9s linear infinite;\r\n}\r\n@keyframes fall-50 {\r\n  78.136% {\r\n    transform: translate(103.962vw, 78.136vh) scale(0.0573);\r\n  }\r\n  to {\r\n    transform: translate(100.8177vw, 100vh) scale(0.0573);\r\n  }\r\n}\r\n.snow:nth-child(51) {\r\n  opacity: 0.9002;\r\n  transform: translate(88.7924vw, -10px) scale(0.2197);\r\n  animation: fall-51 24s -3s linear infinite;\r\n}\r\n@keyframes fall-51 {\r\n  71.13% {\r\n    transform: translate(97.1308vw, 71.13vh) scale(0.2197);\r\n  }\r\n  to {\r\n    transform: translate(92.9616vw, 100vh) scale(0.2197);\r\n  }\r\n}\r\n.snow:nth-child(52) {\r\n  opacity: 0.4006;\r\n  transform: translate(95.3725vw, -10px) scale(0.1736);\r\n  animation: fall-52 12s -3s linear infinite;\r\n}\r\n@keyframes fall-52 {\r\n  49.35% {\r\n    transform: translate(99.1712vw, 49.35vh) scale(0.1736);\r\n  }\r\n  to {\r\n    transform: translate(97.27185vw, 100vh) scale(0.1736);\r\n  }\r\n}\r\n.snow:nth-child(53) {\r\n  opacity: 0.0516;\r\n  transform: translate(57.2303vw, -10px) scale(0.4046);\r\n  animation: fall-53 16s -30s linear infinite;\r\n}\r\n@keyframes fall-53 {\r\n  42.885% {\r\n    transform: translate(56.9314vw, 42.885vh) scale(0.4046);\r\n  }\r\n  to {\r\n    transform: translate(57.08085vw, 100vh) scale(0.4046);\r\n  }\r\n}\r\n.snow:nth-child(54) {\r\n  opacity: 0.4821;\r\n  transform: translate(68.2874vw, -10px) scale(0.0998);\r\n  animation: fall-54 20s -20s linear infinite;\r\n}\r\n@keyframes fall-54 {\r\n  46.952% {\r\n    transform: translate(66.9078vw, 46.952vh) scale(0.0998);\r\n  }\r\n  to {\r\n    transform: translate(67.5976vw, 100vh) scale(0.0998);\r\n  }\r\n}\r\n.snow:nth-child(55) {\r\n  opacity: 0.4535;\r\n  transform: translate(40.5209vw, -10px) scale(0.6468);\r\n  animation: fall-55 25s -10s linear infinite;\r\n}\r\n@keyframes fall-55 {\r\n  79.86% {\r\n    transform: translate(36.1579vw, 79.86vh) scale(0.6468);\r\n  }\r\n  to {\r\n    transform: translate(38.3394vw, 100vh) scale(0.6468);\r\n  }\r\n}\r\n.snow:nth-child(56) {\r\n  opacity: 0.7554;\r\n  transform: translate(65.2049vw, -10px) scale(0.8241);\r\n  animation: fall-56 13s -20s linear infinite;\r\n}\r\n@keyframes fall-56 {\r\n  47.793% {\r\n    transform: translate(66.3902vw, 47.793vh) scale(0.8241);\r\n  }\r\n  to {\r\n    transform: translate(65.79755vw, 100vh) scale(0.8241);\r\n  }\r\n}\r\n.snow:nth-child(57) {\r\n  opacity: 0.0078;\r\n  transform: translate(49.8944vw, -10px) scale(0.8996);\r\n  animation: fall-57 10s -11s linear infinite;\r\n}\r\n@keyframes fall-57 {\r\n  55.771% {\r\n    transform: translate(54.2838vw, 55.771vh) scale(0.8996);\r\n  }\r\n  to {\r\n    transform: translate(52.0891vw, 100vh) scale(0.8996);\r\n  }\r\n}\r\n.snow:nth-child(58) {\r\n  opacity: 0.7727;\r\n  transform: translate(30.6421vw, -10px) scale(0.6308);\r\n  animation: fall-58 29s -20s linear infinite;\r\n}\r\n@keyframes fall-58 {\r\n  43.249% {\r\n    transform: translate(34.6189vw, 43.249vh) scale(0.6308);\r\n  }\r\n  to {\r\n    transform: translate(32.6305vw, 100vh) scale(0.6308);\r\n  }\r\n}\r\n.snow:nth-child(59) {\r\n  opacity: 0.3809;\r\n  transform: translate(64.3653vw, -10px) scale(0.4891);\r\n  animation: fall-59 10s -25s linear infinite;\r\n}\r\n@keyframes fall-59 {\r\n  45.25% {\r\n    transform: translate(61.5551vw, 45.25vh) scale(0.4891);\r\n  }\r\n  to {\r\n    transform: translate(62.9602vw, 100vh) scale(0.4891);\r\n  }\r\n}\r\n.snow:nth-child(60) {\r\n  opacity: 0.9078;\r\n  transform: translate(22.1082vw, -10px) scale(0.1965);\r\n  animation: fall-60 23s -18s linear infinite;\r\n}\r\n@keyframes fall-60 {\r\n  61.246% {\r\n    transform: translate(22.2114vw, 61.246vh) scale(0.1965);\r\n  }\r\n  to {\r\n    transform: translate(22.1598vw, 100vh) scale(0.1965);\r\n  }\r\n}\r\n.snow:nth-child(61) {\r\n  opacity: 0.6856;\r\n  transform: translate(29.3827vw, -10px) scale(0.3137);\r\n  animation: fall-61 20s -25s linear infinite;\r\n}\r\n@keyframes fall-61 {\r\n  58.826% {\r\n    transform: translate(33.666vw, 58.826vh) scale(0.3137);\r\n  }\r\n  to {\r\n    transform: translate(31.52435vw, 100vh) scale(0.3137);\r\n  }\r\n}\r\n.snow:nth-child(62) {\r\n  opacity: 0.4308;\r\n  transform: translate(95.1313vw, -10px) scale(0.8267);\r\n  animation: fall-62 29s -17s linear infinite;\r\n}\r\n@keyframes fall-62 {\r\n  43.359% {\r\n    transform: translate(97.4225vw, 43.359vh) scale(0.8267);\r\n  }\r\n  to {\r\n    transform: translate(96.2769vw, 100vh) scale(0.8267);\r\n  }\r\n}\r\n.snow:nth-child(63) {\r\n  opacity: 0.5005;\r\n  transform: translate(96.3336vw, -10px) scale(0.5937);\r\n  animation: fall-63 20s -21s linear infinite;\r\n}\r\n@keyframes fall-63 {\r\n  43.277% {\r\n    transform: translate(104.6974vw, 43.277vh) scale(0.5937);\r\n  }\r\n  to {\r\n    transform: translate(100.5155vw, 100vh) scale(0.5937);\r\n  }\r\n}\r\n.snow:nth-child(64) {\r\n  opacity: 0.5662;\r\n  transform: translate(57.1474vw, -10px) scale(0.1251);\r\n  animation: fall-64 13s -23s linear infinite;\r\n}\r\n@keyframes fall-64 {\r\n  77.143% {\r\n    transform: translate(64.9447vw, 77.143vh) scale(0.1251);\r\n  }\r\n  to {\r\n    transform: translate(61.04605vw, 100vh) scale(0.1251);\r\n  }\r\n}\r\n.snow:nth-child(65) {\r\n  opacity: 0.9778;\r\n  transform: translate(93.2659vw, -10px) scale(0.1824);\r\n  animation: fall-65 30s -25s linear infinite;\r\n}\r\n@keyframes fall-65 {\r\n  54.392% {\r\n    transform: translate(92.5433vw, 54.392vh) scale(0.1824);\r\n  }\r\n  to {\r\n    transform: translate(92.9046vw, 100vh) scale(0.1824);\r\n  }\r\n}\r\n.snow:nth-child(66) {\r\n  opacity: 0.2741;\r\n  transform: translate(97.0446vw, -10px) scale(0.6734);\r\n  animation: fall-66 18s -1s linear infinite;\r\n}\r\n@keyframes fall-66 {\r\n  32.265% {\r\n    transform: translate(103.1326vw, 32.265vh) scale(0.6734);\r\n  }\r\n  to {\r\n    transform: translate(100.0886vw, 100vh) scale(0.6734);\r\n  }\r\n}\r\n.snow:nth-child(67) {\r\n  opacity: 0.3754;\r\n  transform: translate(70.6853vw, -10px) scale(0.174);\r\n  animation: fall-67 15s -2s linear infinite;\r\n}\r\n@keyframes fall-67 {\r\n  42.57% {\r\n    transform: translate(68.9131vw, 42.57vh) scale(0.174);\r\n  }\r\n  to {\r\n    transform: translate(69.7992vw, 100vh) scale(0.174);\r\n  }\r\n}\r\n.snow:nth-child(68) {\r\n  opacity: 0.4322;\r\n  transform: translate(86.9555vw, -10px) scale(0.2717);\r\n  animation: fall-68 30s -25s linear infinite;\r\n}\r\n@keyframes fall-68 {\r\n  73.015% {\r\n    transform: translate(85.1239vw, 73.015vh) scale(0.2717);\r\n  }\r\n  to {\r\n    transform: translate(86.0397vw, 100vh) scale(0.2717);\r\n  }\r\n}\r\n.snow:nth-child(69) {\r\n  opacity: 0.6263;\r\n  transform: translate(86.7696vw, -10px) scale(0.5256);\r\n  animation: fall-69 30s -18s linear infinite;\r\n}\r\n@keyframes fall-69 {\r\n  57.576% {\r\n    transform: translate(84.9638vw, 57.576vh) scale(0.5256);\r\n  }\r\n  to {\r\n    transform: translate(85.8667vw, 100vh) scale(0.5256);\r\n  }\r\n}\r\n.snow:nth-child(70) {\r\n  opacity: 0.5643;\r\n  transform: translate(59.353vw, -10px) scale(0.4958);\r\n  animation: fall-70 15s -23s linear infinite;\r\n}\r\n@keyframes fall-70 {\r\n  43.225% {\r\n    transform: translate(63.0473vw, 43.225vh) scale(0.4958);\r\n  }\r\n  to {\r\n    transform: translate(61.20015vw, 100vh) scale(0.4958);\r\n  }\r\n}\r\n.snow:nth-child(71) {\r\n  opacity: 0.3074;\r\n  transform: translate(80.9264vw, -10px) scale(0.0857);\r\n  animation: fall-71 24s -15s linear infinite;\r\n}\r\n@keyframes fall-71 {\r\n  75% {\r\n    transform: translate(83.5429vw, 75vh) scale(0.0857);\r\n  }\r\n  to {\r\n    transform: translate(82.23465vw, 100vh) scale(0.0857);\r\n  }\r\n}\r\n.snow:nth-child(72) {\r\n  opacity: 0.8046;\r\n  transform: translate(84.3612vw, -10px) scale(0.0292);\r\n  animation: fall-72 22s -10s linear infinite;\r\n}\r\n@keyframes fall-72 {\r\n  67.03% {\r\n    transform: translate(80.0327vw, 67.03vh) scale(0.0292);\r\n  }\r\n  to {\r\n    transform: translate(82.19695vw, 100vh) scale(0.0292);\r\n  }\r\n}\r\n.snow:nth-child(73) {\r\n  opacity: 0.7553;\r\n  transform: translate(73.7004vw, -10px) scale(0.112);\r\n  animation: fall-73 25s -26s linear infinite;\r\n}\r\n@keyframes fall-73 {\r\n  57.02% {\r\n    transform: translate(69.5712vw, 57.02vh) scale(0.112);\r\n  }\r\n  to {\r\n    transform: translate(71.6358vw, 100vh) scale(0.112);\r\n  }\r\n}\r\n.snow:nth-child(74) {\r\n  opacity: 0.8841;\r\n  transform: translate(78.2655vw, -10px) scale(0.3292);\r\n  animation: fall-74 14s -26s linear infinite;\r\n}\r\n@keyframes fall-74 {\r\n  63.717% {\r\n    transform: translate(75.533vw, 63.717vh) scale(0.3292);\r\n  }\r\n  to {\r\n    transform: translate(76.89925vw, 100vh) scale(0.3292);\r\n  }\r\n}\r\n.snow:nth-child(75) {\r\n  opacity: 0.3821;\r\n  transform: translate(66.5837vw, -10px) scale(0.6016);\r\n  animation: fall-75 17s -1s linear infinite;\r\n}\r\n@keyframes fall-75 {\r\n  51.974% {\r\n    transform: translate(73.5002vw, 51.974vh) scale(0.6016);\r\n  }\r\n  to {\r\n    transform: translate(70.04195vw, 100vh) scale(0.6016);\r\n  }\r\n}\r\n.snow:nth-child(76) {\r\n  opacity: 0.5698;\r\n  transform: translate(21.4139vw, -10px) scale(0.0443);\r\n  animation: fall-76 24s -2s linear infinite;\r\n}\r\n@keyframes fall-76 {\r\n  39.554% {\r\n    transform: translate(27.7419vw, 39.554vh) scale(0.0443);\r\n  }\r\n  to {\r\n    transform: translate(24.5779vw, 100vh) scale(0.0443);\r\n  }\r\n}\r\n.snow:nth-child(77) {\r\n  opacity: 0.5948;\r\n  transform: translate(19.4667vw, -10px) scale(0.4262);\r\n  animation: fall-77 25s -20s linear infinite;\r\n}\r\n@keyframes fall-77 {\r\n  62.009% {\r\n    transform: translate(20.7473vw, 62.009vh) scale(0.4262);\r\n  }\r\n  to {\r\n    transform: translate(20.107vw, 100vh) scale(0.4262);\r\n  }\r\n}\r\n.snow:nth-child(78) {\r\n  opacity: 0.1999;\r\n  transform: translate(79.6334vw, -10px) scale(0.3168);\r\n  animation: fall-78 20s -12s linear infinite;\r\n}\r\n@keyframes fall-78 {\r\n  62.891% {\r\n    transform: translate(87.4172vw, 62.891vh) scale(0.3168);\r\n  }\r\n  to {\r\n    transform: translate(83.5253vw, 100vh) scale(0.3168);\r\n  }\r\n}\r\n.snow:nth-child(79) {\r\n  opacity: 0.6268;\r\n  transform: translate(80.5839vw, -10px) scale(0.8408);\r\n  animation: fall-79 26s -6s linear infinite;\r\n}\r\n@keyframes fall-79 {\r\n  56.085% {\r\n    transform: translate(73.8713vw, 56.085vh) scale(0.8408);\r\n  }\r\n  to {\r\n    transform: translate(77.2276vw, 100vh) scale(0.8408);\r\n  }\r\n}\r\n.snow:nth-child(80) {\r\n  opacity: 0.7677;\r\n  transform: translate(93.1851vw, -10px) scale(0.074);\r\n  animation: fall-80 30s -29s linear infinite;\r\n}\r\n@keyframes fall-80 {\r\n  32.544% {\r\n    transform: translate(101.2572vw, 32.544vh) scale(0.074);\r\n  }\r\n  to {\r\n    transform: translate(97.22115vw, 100vh) scale(0.074);\r\n  }\r\n}\r\n.snow:nth-child(81) {\r\n  opacity: 0.2099;\r\n  transform: translate(90.018vw, -10px) scale(0.3443);\r\n  animation: fall-81 21s -19s linear infinite;\r\n}\r\n@keyframes fall-81 {\r\n  34.342% {\r\n    transform: translate(99.8779vw, 34.342vh) scale(0.3443);\r\n  }\r\n  to {\r\n    transform: translate(94.94795vw, 100vh) scale(0.3443);\r\n  }\r\n}\r\n.snow:nth-child(82) {\r\n  opacity: 0.4251;\r\n  transform: translate(9.1823vw, -10px) scale(0.1683);\r\n  animation: fall-82 13s -26s linear infinite;\r\n}\r\n@keyframes fall-82 {\r\n  74.718% {\r\n    transform: translate(-0.1865vw, 74.718vh) scale(0.1683);\r\n  }\r\n  to {\r\n    transform: translate(4.4979vw, 100vh) scale(0.1683);\r\n  }\r\n}\r\n.snow:nth-child(83) {\r\n  opacity: 0.4414;\r\n  transform: translate(45.1542vw, -10px) scale(0.8171);\r\n  animation: fall-83 21s -27s linear infinite;\r\n}\r\n@keyframes fall-83 {\r\n  72.273% {\r\n    transform: translate(50.691vw, 72.273vh) scale(0.8171);\r\n  }\r\n  to {\r\n    transform: translate(47.9226vw, 100vh) scale(0.8171);\r\n  }\r\n}\r\n.snow:nth-child(84) {\r\n  opacity: 0.1472;\r\n  transform: translate(22.5433vw, -10px) scale(0.3434);\r\n  animation: fall-84 24s -12s linear infinite;\r\n}\r\n@keyframes fall-84 {\r\n  44.496% {\r\n    transform: translate(21.8523vw, 44.496vh) scale(0.3434);\r\n  }\r\n  to {\r\n    transform: translate(22.1978vw, 100vh) scale(0.3434);\r\n  }\r\n}\r\n.snow:nth-child(85) {\r\n  opacity: 0.2652;\r\n  transform: translate(47.7171vw, -10px) scale(0.0972);\r\n  animation: fall-85 23s -6s linear infinite;\r\n}\r\n@keyframes fall-85 {\r\n  50.885% {\r\n    transform: translate(47.732vw, 50.885vh) scale(0.0972);\r\n  }\r\n  to {\r\n    transform: translate(47.72455vw, 100vh) scale(0.0972);\r\n  }\r\n}\r\n.snow:nth-child(86) {\r\n  opacity: 0.508;\r\n  transform: translate(66.0764vw, -10px) scale(0.3069);\r\n  animation: fall-86 28s -12s linear infinite;\r\n}\r\n@keyframes fall-86 {\r\n  41.775% {\r\n    transform: translate(66.6456vw, 41.775vh) scale(0.3069);\r\n  }\r\n  to {\r\n    transform: translate(66.361vw, 100vh) scale(0.3069);\r\n  }\r\n}\r\n.snow:nth-child(87) {\r\n  opacity: 0.6986;\r\n  transform: translate(86.942vw, -10px) scale(0.075);\r\n  animation: fall-87 26s -16s linear infinite;\r\n}\r\n@keyframes fall-87 {\r\n  44.481% {\r\n    transform: translate(80.0067vw, 44.481vh) scale(0.075);\r\n  }\r\n  to {\r\n    transform: translate(83.47435vw, 100vh) scale(0.075);\r\n  }\r\n}\r\n.snow:nth-child(88) {\r\n  opacity: 0.1393;\r\n  transform: translate(6.5367vw, -10px) scale(0.5444);\r\n  animation: fall-88 29s -21s linear infinite;\r\n}\r\n@keyframes fall-88 {\r\n  33.757% {\r\n    transform: translate(8.9868vw, 33.757vh) scale(0.5444);\r\n  }\r\n  to {\r\n    transform: translate(7.76175vw, 100vh) scale(0.5444);\r\n  }\r\n}\r\n.snow:nth-child(89) {\r\n  opacity: 0.7707;\r\n  transform: translate(33.4989vw, -10px) scale(0.3861);\r\n  animation: fall-89 10s -7s linear infinite;\r\n}\r\n@keyframes fall-89 {\r\n  64.857% {\r\n    transform: translate(38.3294vw, 64.857vh) scale(0.3861);\r\n  }\r\n  to {\r\n    transform: translate(35.91415vw, 100vh) scale(0.3861);\r\n  }\r\n}\r\n.snow:nth-child(90) {\r\n  opacity: 0.947;\r\n  transform: translate(35.0493vw, -10px) scale(0.9575);\r\n  animation: fall-90 20s -26s linear infinite;\r\n}\r\n@keyframes fall-90 {\r\n  72.189% {\r\n    transform: translate(41.6065vw, 72.189vh) scale(0.9575);\r\n  }\r\n  to {\r\n    transform: translate(38.3279vw, 100vh) scale(0.9575);\r\n  }\r\n}\r\n.snow:nth-child(91) {\r\n  opacity: 0.1568;\r\n  transform: translate(65.3812vw, -10px) scale(0.2412);\r\n  animation: fall-91 13s -18s linear infinite;\r\n}\r\n@keyframes fall-91 {\r\n  48.527% {\r\n    transform: translate(57.79vw, 48.527vh) scale(0.2412);\r\n  }\r\n  to {\r\n    transform: translate(61.5856vw, 100vh) scale(0.2412);\r\n  }\r\n}\r\n.snow:nth-child(92) {\r\n  opacity: 0.0621;\r\n  transform: translate(89.5205vw, -10px) scale(0.3299);\r\n  animation: fall-92 30s -12s linear infinite;\r\n}\r\n@keyframes fall-92 {\r\n  47.901% {\r\n    transform: translate(97.9163vw, 47.901vh) scale(0.3299);\r\n  }\r\n  to {\r\n    transform: translate(93.7184vw, 100vh) scale(0.3299);\r\n  }\r\n}\r\n.snow:nth-child(93) {\r\n  opacity: 0.866;\r\n  transform: translate(75.8432vw, -10px) scale(0.3726);\r\n  animation: fall-93 27s -23s linear infinite;\r\n}\r\n@keyframes fall-93 {\r\n  57.781% {\r\n    transform: translate(66.904vw, 57.781vh) scale(0.3726);\r\n  }\r\n  to {\r\n    transform: translate(71.3736vw, 100vh) scale(0.3726);\r\n  }\r\n}\r\n.snow:nth-child(94) {\r\n  opacity: 0.9759;\r\n  transform: translate(63.855vw, -10px) scale(0.2428);\r\n  animation: fall-94 22s -2s linear infinite;\r\n}\r\n@keyframes fall-94 {\r\n  46.296% {\r\n    transform: translate(58.4536vw, 46.296vh) scale(0.2428);\r\n  }\r\n  to {\r\n    transform: translate(61.1543vw, 100vh) scale(0.2428);\r\n  }\r\n}\r\n.snow:nth-child(95) {\r\n  opacity: 0.036;\r\n  transform: translate(56.4994vw, -10px) scale(0.8827);\r\n  animation: fall-95 28s -3s linear infinite;\r\n}\r\n@keyframes fall-95 {\r\n  55.784% {\r\n    transform: translate(61.6938vw, 55.784vh) scale(0.8827);\r\n  }\r\n  to {\r\n    transform: translate(59.0966vw, 100vh) scale(0.8827);\r\n  }\r\n}\r\n.snow:nth-child(96) {\r\n  opacity: 0.5564;\r\n  transform: translate(27.9192vw, -10px) scale(0.6532);\r\n  animation: fall-96 23s -28s linear infinite;\r\n}\r\n@keyframes fall-96 {\r\n  37.632% {\r\n    transform: translate(19.4076vw, 37.632vh) scale(0.6532);\r\n  }\r\n  to {\r\n    transform: translate(23.6634vw, 100vh) scale(0.6532);\r\n  }\r\n}\r\n.snow:nth-child(97) {\r\n  opacity: 1;\r\n  transform: translate(35.0436vw, -10px) scale(0.0954);\r\n  animation: fall-97 29s -24s linear infinite;\r\n}\r\n@keyframes fall-97 {\r\n  53.828% {\r\n    transform: translate(37.5893vw, 53.828vh) scale(0.0954);\r\n  }\r\n  to {\r\n    transform: translate(36.31645vw, 100vh) scale(0.0954);\r\n  }\r\n}\r\n.snow:nth-child(98) {\r\n  opacity: 0.2503;\r\n  transform: translate(36.0802vw, -10px) scale(0.504);\r\n  animation: fall-98 25s -29s linear infinite;\r\n}\r\n@keyframes fall-98 {\r\n  39.321% {\r\n    transform: translate(37.8076vw, 39.321vh) scale(0.504);\r\n  }\r\n  to {\r\n    transform: translate(36.9439vw, 100vh) scale(0.504);\r\n  }\r\n}\r\n.snow:nth-child(99) {\r\n  opacity: 0.7878;\r\n  transform: translate(7.578vw, -10px) scale(0.055);\r\n  animation: fall-99 10s -2s linear infinite;\r\n}\r\n@keyframes fall-99 {\r\n  64.58% {\r\n    transform: translate(15.0292vw, 64.58vh) scale(0.055);\r\n  }\r\n  to {\r\n    transform: translate(11.3036vw, 100vh) scale(0.055);\r\n  }\r\n}\r\n.snow:nth-child(100) {\r\n  opacity: 0.3883;\r\n  transform: translate(60.109vw, -10px) scale(0.9225);\r\n  animation: fall-100 11s -24s linear infinite;\r\n}\r\n@keyframes fall-100 {\r\n  74.265% {\r\n    transform: translate(69.159vw, 74.265vh) scale(0.9225);\r\n  }\r\n  to {\r\n    transform: translate(64.634vw, 100vh) scale(0.9225);\r\n  }\r\n}\r\n.snow:nth-child(101) {\r\n  opacity: 0.3229;\r\n  transform: translate(71.2909vw, -10px) scale(0.1529);\r\n  animation: fall-101 30s -14s linear infinite;\r\n}\r\n@keyframes fall-101 {\r\n  57.767% {\r\n    transform: translate(76.607vw, 57.767vh) scale(0.1529);\r\n  }\r\n  to {\r\n    transform: translate(73.94895vw, 100vh) scale(0.1529);\r\n  }\r\n}\r\n.snow:nth-child(102) {\r\n  opacity: 0.0282;\r\n  transform: translate(95.6947vw, -10px) scale(0.1245);\r\n  animation: fall-102 14s -13s linear infinite;\r\n}\r\n@keyframes fall-102 {\r\n  38.383% {\r\n    transform: translate(89.3677vw, 38.383vh) scale(0.1245);\r\n  }\r\n  to {\r\n    transform: translate(92.5312vw, 100vh) scale(0.1245);\r\n  }\r\n}\r\n.snow:nth-child(103) {\r\n  opacity: 0.053;\r\n  transform: translate(98.4367vw, -10px) scale(0.1197);\r\n  animation: fall-103 30s -25s linear infinite;\r\n}\r\n@keyframes fall-103 {\r\n  68.529% {\r\n    transform: translate(91.7407vw, 68.529vh) scale(0.1197);\r\n  }\r\n  to {\r\n    transform: translate(95.0887vw, 100vh) scale(0.1197);\r\n  }\r\n}\r\n.snow:nth-child(104) {\r\n  opacity: 0.522;\r\n  transform: translate(88.5259vw, -10px) scale(0.6849);\r\n  animation: fall-104 22s -18s linear infinite;\r\n}\r\n@keyframes fall-104 {\r\n  43.547% {\r\n    transform: translate(97.6367vw, 43.547vh) scale(0.6849);\r\n  }\r\n  to {\r\n    transform: translate(93.0813vw, 100vh) scale(0.6849);\r\n  }\r\n}\r\n.snow:nth-child(105) {\r\n  opacity: 0.9827;\r\n  transform: translate(25.1394vw, -10px) scale(0.8929);\r\n  animation: fall-105 23s -3s linear infinite;\r\n}\r\n@keyframes fall-105 {\r\n  74.768% {\r\n    transform: translate(30.9914vw, 74.768vh) scale(0.8929);\r\n  }\r\n  to {\r\n    transform: translate(28.0654vw, 100vh) scale(0.8929);\r\n  }\r\n}\r\n.snow:nth-child(106) {\r\n  opacity: 0.1088;\r\n  transform: translate(55.6247vw, -10px) scale(0.9814);\r\n  animation: fall-106 15s -11s linear infinite;\r\n}\r\n@keyframes fall-106 {\r\n  31.628% {\r\n    transform: translate(55.7759vw, 31.628vh) scale(0.9814);\r\n  }\r\n  to {\r\n    transform: translate(55.7003vw, 100vh) scale(0.9814);\r\n  }\r\n}\r\n.snow:nth-child(107) {\r\n  opacity: 0.74;\r\n  transform: translate(35.0606vw, -10px) scale(0.2488);\r\n  animation: fall-107 22s -14s linear infinite;\r\n}\r\n@keyframes fall-107 {\r\n  79.405% {\r\n    transform: translate(39.8069vw, 79.405vh) scale(0.2488);\r\n  }\r\n  to {\r\n    transform: translate(37.43375vw, 100vh) scale(0.2488);\r\n  }\r\n}\r\n.snow:nth-child(108) {\r\n  opacity: 0.0954;\r\n  transform: translate(23.9725vw, -10px) scale(0.8049);\r\n  animation: fall-108 23s -16s linear infinite;\r\n}\r\n@keyframes fall-108 {\r\n  52.856% {\r\n    transform: translate(20.2791vw, 52.856vh) scale(0.8049);\r\n  }\r\n  to {\r\n    transform: translate(22.1258vw, 100vh) scale(0.8049);\r\n  }\r\n}\r\n.snow:nth-child(109) {\r\n  opacity: 0.426;\r\n  transform: translate(55.1714vw, -10px) scale(0.7757);\r\n  animation: fall-109 27s -16s linear infinite;\r\n}\r\n@keyframes fall-109 {\r\n  46.746% {\r\n    transform: translate(51.5272vw, 46.746vh) scale(0.7757);\r\n  }\r\n  to {\r\n    transform: translate(53.3493vw, 100vh) scale(0.7757);\r\n  }\r\n}\r\n.snow:nth-child(110) {\r\n  opacity: 0.6342;\r\n  transform: translate(48.6598vw, -10px) scale(0.2606);\r\n  animation: fall-110 29s -23s linear infinite;\r\n}\r\n@keyframes fall-110 {\r\n  44.268% {\r\n    transform: translate(56.3124vw, 44.268vh) scale(0.2606);\r\n  }\r\n  to {\r\n    transform: translate(52.4861vw, 100vh) scale(0.2606);\r\n  }\r\n}\r\n.snow:nth-child(111) {\r\n  opacity: 0.3728;\r\n  transform: translate(6.2942vw, -10px) scale(0.0199);\r\n  animation: fall-111 28s -4s linear infinite;\r\n}\r\n@keyframes fall-111 {\r\n  30.137% {\r\n    transform: translate(9.7294vw, 30.137vh) scale(0.0199);\r\n  }\r\n  to {\r\n    transform: translate(8.0118vw, 100vh) scale(0.0199);\r\n  }\r\n}\r\n.snow:nth-child(112) {\r\n  opacity: 0.8482;\r\n  transform: translate(90.1841vw, -10px) scale(0.976);\r\n  animation: fall-112 10s -16s linear infinite;\r\n}\r\n@keyframes fall-112 {\r\n  44.036% {\r\n    transform: translate(84.3933vw, 44.036vh) scale(0.976);\r\n  }\r\n  to {\r\n    transform: translate(87.2887vw, 100vh) scale(0.976);\r\n  }\r\n}\r\n.snow:nth-child(113) {\r\n  opacity: 0.8865;\r\n  transform: translate(52.4806vw, -10px) scale(0.1284);\r\n  animation: fall-113 22s -15s linear infinite;\r\n}\r\n@keyframes fall-113 {\r\n  63.802% {\r\n    transform: translate(43.9977vw, 63.802vh) scale(0.1284);\r\n  }\r\n  to {\r\n    transform: translate(48.23915vw, 100vh) scale(0.1284);\r\n  }\r\n}\r\n.snow:nth-child(114) {\r\n  opacity: 0.689;\r\n  transform: translate(45.0738vw, -10px) scale(0.4242);\r\n  animation: fall-114 10s -9s linear infinite;\r\n}\r\n@keyframes fall-114 {\r\n  38.354% {\r\n    transform: translate(37.9693vw, 38.354vh) scale(0.4242);\r\n  }\r\n  to {\r\n    transform: translate(41.52155vw, 100vh) scale(0.4242);\r\n  }\r\n}\r\n.snow:nth-child(115) {\r\n  opacity: 0.1567;\r\n  transform: translate(91.5397vw, -10px) scale(0.3313);\r\n  animation: fall-115 23s -10s linear infinite;\r\n}\r\n@keyframes fall-115 {\r\n  58.294% {\r\n    transform: translate(84.052vw, 58.294vh) scale(0.3313);\r\n  }\r\n  to {\r\n    transform: translate(87.79585vw, 100vh) scale(0.3313);\r\n  }\r\n}\r\n.snow:nth-child(116) {\r\n  opacity: 0.8197;\r\n  transform: translate(38.9357vw, -10px) scale(0.8133);\r\n  animation: fall-116 11s -6s linear infinite;\r\n}\r\n@keyframes fall-116 {\r\n  65.139% {\r\n    transform: translate(43.8853vw, 65.139vh) scale(0.8133);\r\n  }\r\n  to {\r\n    transform: translate(41.4105vw, 100vh) scale(0.8133);\r\n  }\r\n}\r\n.snow:nth-child(117) {\r\n  opacity: 0.5509;\r\n  transform: translate(15.7411vw, -10px) scale(0.6426);\r\n  animation: fall-117 23s -20s linear infinite;\r\n}\r\n@keyframes fall-117 {\r\n  49.496% {\r\n    transform: translate(17.5127vw, 49.496vh) scale(0.6426);\r\n  }\r\n  to {\r\n    transform: translate(16.6269vw, 100vh) scale(0.6426);\r\n  }\r\n}\r\n.snow:nth-child(118) {\r\n  opacity: 0.6045;\r\n  transform: translate(28.7514vw, -10px) scale(0.546);\r\n  animation: fall-118 23s -26s linear infinite;\r\n}\r\n@keyframes fall-118 {\r\n  41.283% {\r\n    transform: translate(34.5974vw, 41.283vh) scale(0.546);\r\n  }\r\n  to {\r\n    transform: translate(31.6744vw, 100vh) scale(0.546);\r\n  }\r\n}\r\n.snow:nth-child(119) {\r\n  opacity: 0.1055;\r\n  transform: translate(25.4717vw, -10px) scale(0.1405);\r\n  animation: fall-119 12s -20s linear infinite;\r\n}\r\n@keyframes fall-119 {\r\n  75.477% {\r\n    transform: translate(17.7483vw, 75.477vh) scale(0.1405);\r\n  }\r\n  to {\r\n    transform: translate(21.61vw, 100vh) scale(0.1405);\r\n  }\r\n}\r\n.snow:nth-child(120) {\r\n  opacity: 0.5134;\r\n  transform: translate(6.6795vw, -10px) scale(0.0072);\r\n  animation: fall-120 29s -9s linear infinite;\r\n}\r\n@keyframes fall-120 {\r\n  37.001% {\r\n    transform: translate(3.1576vw, 37.001vh) scale(0.0072);\r\n  }\r\n  to {\r\n    transform: translate(4.91855vw, 100vh) scale(0.0072);\r\n  }\r\n}\r\n.snow:nth-child(121) {\r\n  opacity: 0.8018;\r\n  transform: translate(75.0803vw, -10px) scale(0.6954);\r\n  animation: fall-121 12s -19s linear infinite;\r\n}\r\n@keyframes fall-121 {\r\n  64.155% {\r\n    transform: translate(66.2912vw, 64.155vh) scale(0.6954);\r\n  }\r\n  to {\r\n    transform: translate(70.68575vw, 100vh) scale(0.6954);\r\n  }\r\n}\r\n.snow:nth-child(122) {\r\n  opacity: 0.3397;\r\n  transform: translate(22.4666vw, -10px) scale(0.0145);\r\n  animation: fall-122 29s -3s linear infinite;\r\n}\r\n@keyframes fall-122 {\r\n  69.939% {\r\n    transform: translate(25.0924vw, 69.939vh) scale(0.0145);\r\n  }\r\n  to {\r\n    transform: translate(23.7795vw, 100vh) scale(0.0145);\r\n  }\r\n}\r\n.snow:nth-child(123) {\r\n  opacity: 0.0833;\r\n  transform: translate(39.4316vw, -10px) scale(0.3332);\r\n  animation: fall-123 17s -22s linear infinite;\r\n}\r\n@keyframes fall-123 {\r\n  64.398% {\r\n    transform: translate(30.0222vw, 64.398vh) scale(0.3332);\r\n  }\r\n  to {\r\n    transform: translate(34.7269vw, 100vh) scale(0.3332);\r\n  }\r\n}\r\n.snow:nth-child(124) {\r\n  opacity: 0.3697;\r\n  transform: translate(19.3702vw, -10px) scale(0.2519);\r\n  animation: fall-124 13s -19s linear infinite;\r\n}\r\n@keyframes fall-124 {\r\n  76.719% {\r\n    transform: translate(12.811vw, 76.719vh) scale(0.2519);\r\n  }\r\n  to {\r\n    transform: translate(16.0906vw, 100vh) scale(0.2519);\r\n  }\r\n}\r\n.snow:nth-child(125) {\r\n  opacity: 0.289;\r\n  transform: translate(90.4198vw, -10px) scale(0.0969);\r\n  animation: fall-125 12s -3s linear infinite;\r\n}\r\n@keyframes fall-125 {\r\n  69.723% {\r\n    transform: translate(84.0691vw, 69.723vh) scale(0.0969);\r\n  }\r\n  to {\r\n    transform: translate(87.24445vw, 100vh) scale(0.0969);\r\n  }\r\n}\r\n.snow:nth-child(126) {\r\n  opacity: 0.5464;\r\n  transform: translate(83.3305vw, -10px) scale(0.877);\r\n  animation: fall-126 28s -24s linear infinite;\r\n}\r\n@keyframes fall-126 {\r\n  41.827% {\r\n    transform: translate(77.546vw, 41.827vh) scale(0.877);\r\n  }\r\n  to {\r\n    transform: translate(80.43825vw, 100vh) scale(0.877);\r\n  }\r\n}\r\n.snow:nth-child(127) {\r\n  opacity: 0.0108;\r\n  transform: translate(23.5526vw, -10px) scale(0.4631);\r\n  animation: fall-127 30s -27s linear infinite;\r\n}\r\n@keyframes fall-127 {\r\n  74.389% {\r\n    transform: translate(19.9855vw, 74.389vh) scale(0.4631);\r\n  }\r\n  to {\r\n    transform: translate(21.76905vw, 100vh) scale(0.4631);\r\n  }\r\n}\r\n.snow:nth-child(128) {\r\n  opacity: 0.834;\r\n  transform: translate(21.4645vw, -10px) scale(0.7478);\r\n  animation: fall-128 10s -23s linear infinite;\r\n}\r\n@keyframes fall-128 {\r\n  58.679% {\r\n    transform: translate(26.0404vw, 58.679vh) scale(0.7478);\r\n  }\r\n  to {\r\n    transform: translate(23.75245vw, 100vh) scale(0.7478);\r\n  }\r\n}\r\n.snow:nth-child(129) {\r\n  opacity: 0.3804;\r\n  transform: translate(7.3805vw, -10px) scale(0.0386);\r\n  animation: fall-129 30s -23s linear infinite;\r\n}\r\n@keyframes fall-129 {\r\n  53.348% {\r\n    transform: translate(2.2879vw, 53.348vh) scale(0.0386);\r\n  }\r\n  to {\r\n    transform: translate(4.8342vw, 100vh) scale(0.0386);\r\n  }\r\n}\r\n.snow:nth-child(130) {\r\n  opacity: 0.7811;\r\n  transform: translate(49.0153vw, -10px) scale(0.6478);\r\n  animation: fall-130 26s -11s linear infinite;\r\n}\r\n@keyframes fall-130 {\r\n  64.042% {\r\n    transform: translate(43.7741vw, 64.042vh) scale(0.6478);\r\n  }\r\n  to {\r\n    transform: translate(46.3947vw, 100vh) scale(0.6478);\r\n  }\r\n}\r\n.snow:nth-child(131) {\r\n  opacity: 0.2065;\r\n  transform: translate(17.3143vw, -10px) scale(0.5589);\r\n  animation: fall-131 21s -6s linear infinite;\r\n}\r\n@keyframes fall-131 {\r\n  74.919% {\r\n    transform: translate(19.0039vw, 74.919vh) scale(0.5589);\r\n  }\r\n  to {\r\n    transform: translate(18.1591vw, 100vh) scale(0.5589);\r\n  }\r\n}\r\n.snow:nth-child(132) {\r\n  opacity: 0.0941;\r\n  transform: translate(68.4088vw, -10px) scale(0.2818);\r\n  animation: fall-132 18s -7s linear infinite;\r\n}\r\n@keyframes fall-132 {\r\n  52.161% {\r\n    transform: translate(65.7247vw, 52.161vh) scale(0.2818);\r\n  }\r\n  to {\r\n    transform: translate(67.06675vw, 100vh) scale(0.2818);\r\n  }\r\n}\r\n.snow:nth-child(133) {\r\n  opacity: 0.7083;\r\n  transform: translate(51.5478vw, -10px) scale(0.0492);\r\n  animation: fall-133 25s -17s linear infinite;\r\n}\r\n@keyframes fall-133 {\r\n  41.727% {\r\n    transform: translate(58.2344vw, 41.727vh) scale(0.0492);\r\n  }\r\n  to {\r\n    transform: translate(54.8911vw, 100vh) scale(0.0492);\r\n  }\r\n}\r\n.snow:nth-child(134) {\r\n  opacity: 0.0306;\r\n  transform: translate(39.2932vw, -10px) scale(0.622);\r\n  animation: fall-134 25s -16s linear infinite;\r\n}\r\n@keyframes fall-134 {\r\n  44.682% {\r\n    transform: translate(33.8285vw, 44.682vh) scale(0.622);\r\n  }\r\n  to {\r\n    transform: translate(36.56085vw, 100vh) scale(0.622);\r\n  }\r\n}\r\n.snow:nth-child(135) {\r\n  opacity: 0.2082;\r\n  transform: translate(82.4298vw, -10px) scale(0.8783);\r\n  animation: fall-135 10s -1s linear infinite;\r\n}\r\n@keyframes fall-135 {\r\n  71.343% {\r\n    transform: translate(89.3127vw, 71.343vh) scale(0.8783);\r\n  }\r\n  to {\r\n    transform: translate(85.87125vw, 100vh) scale(0.8783);\r\n  }\r\n}\r\n.snow:nth-child(136) {\r\n  opacity: 0.9066;\r\n  transform: translate(52.3468vw, -10px) scale(0.2168);\r\n  animation: fall-136 19s -27s linear infinite;\r\n}\r\n@keyframes fall-136 {\r\n  68.502% {\r\n    transform: translate(49.0007vw, 68.502vh) scale(0.2168);\r\n  }\r\n  to {\r\n    transform: translate(50.67375vw, 100vh) scale(0.2168);\r\n  }\r\n}\r\n.snow:nth-child(137) {\r\n  opacity: 0.2574;\r\n  transform: translate(89.0651vw, -10px) scale(0.7694);\r\n  animation: fall-137 14s -22s linear infinite;\r\n}\r\n@keyframes fall-137 {\r\n  34.709% {\r\n    transform: translate(97.9755vw, 34.709vh) scale(0.7694);\r\n  }\r\n  to {\r\n    transform: translate(93.5203vw, 100vh) scale(0.7694);\r\n  }\r\n}\r\n.snow:nth-child(138) {\r\n  opacity: 0.9085;\r\n  transform: translate(82.9295vw, -10px) scale(0.8454);\r\n  animation: fall-138 22s -13s linear infinite;\r\n}\r\n@keyframes fall-138 {\r\n  44.913% {\r\n    transform: translate(83.9996vw, 44.913vh) scale(0.8454);\r\n  }\r\n  to {\r\n    transform: translate(83.46455vw, 100vh) scale(0.8454);\r\n  }\r\n}\r\n.snow:nth-child(139) {\r\n  opacity: 0.9333;\r\n  transform: translate(98.7699vw, -10px) scale(0.0704);\r\n  animation: fall-139 17s -24s linear infinite;\r\n}\r\n@keyframes fall-139 {\r\n  54.563% {\r\n    transform: translate(100.0777vw, 54.563vh) scale(0.0704);\r\n  }\r\n  to {\r\n    transform: translate(99.4238vw, 100vh) scale(0.0704);\r\n  }\r\n}\r\n.snow:nth-child(140) {\r\n  opacity: 0.3268;\r\n  transform: translate(86.4545vw, -10px) scale(0.8982);\r\n  animation: fall-140 10s -25s linear infinite;\r\n}\r\n@keyframes fall-140 {\r\n  51.221% {\r\n    transform: translate(84.932vw, 51.221vh) scale(0.8982);\r\n  }\r\n  to {\r\n    transform: translate(85.69325vw, 100vh) scale(0.8982);\r\n  }\r\n}\r\n.snow:nth-child(141) {\r\n  opacity: 0.3305;\r\n  transform: translate(8.9356vw, -10px) scale(0.1666);\r\n  animation: fall-141 17s -5s linear infinite;\r\n}\r\n@keyframes fall-141 {\r\n  63.879% {\r\n    transform: translate(12.6096vw, 63.879vh) scale(0.1666);\r\n  }\r\n  to {\r\n    transform: translate(10.7726vw, 100vh) scale(0.1666);\r\n  }\r\n}\r\n.snow:nth-child(142) {\r\n  opacity: 0.8575;\r\n  transform: translate(20.7403vw, -10px) scale(0.8526);\r\n  animation: fall-142 18s -2s linear infinite;\r\n}\r\n@keyframes fall-142 {\r\n  34.368% {\r\n    transform: translate(29.0004vw, 34.368vh) scale(0.8526);\r\n  }\r\n  to {\r\n    transform: translate(24.87035vw, 100vh) scale(0.8526);\r\n  }\r\n}\r\n.snow:nth-child(143) {\r\n  opacity: 0.7957;\r\n  transform: translate(70.5512vw, -10px) scale(0.2752);\r\n  animation: fall-143 12s -17s linear infinite;\r\n}\r\n@keyframes fall-143 {\r\n  32.985% {\r\n    transform: translate(72.3494vw, 32.985vh) scale(0.2752);\r\n  }\r\n  to {\r\n    transform: translate(71.4503vw, 100vh) scale(0.2752);\r\n  }\r\n}\r\n.snow:nth-child(144) {\r\n  opacity: 0.1772;\r\n  transform: translate(88.016vw, -10px) scale(0.3901);\r\n  animation: fall-144 12s -13s linear infinite;\r\n}\r\n@keyframes fall-144 {\r\n  60.295% {\r\n    transform: translate(78.33vw, 60.295vh) scale(0.3901);\r\n  }\r\n  to {\r\n    transform: translate(83.173vw, 100vh) scale(0.3901);\r\n  }\r\n}\r\n.snow:nth-child(145) {\r\n  opacity: 0.872;\r\n  transform: translate(72.3544vw, -10px) scale(0.5258);\r\n  animation: fall-145 25s -5s linear infinite;\r\n}\r\n@keyframes fall-145 {\r\n  77.606% {\r\n    transform: translate(76.3055vw, 77.606vh) scale(0.5258);\r\n  }\r\n  to {\r\n    transform: translate(74.32995vw, 100vh) scale(0.5258);\r\n  }\r\n}\r\n.snow:nth-child(146) {\r\n  opacity: 0.2613;\r\n  transform: translate(24.7861vw, -10px) scale(0.7303);\r\n  animation: fall-146 21s -27s linear infinite;\r\n}\r\n@keyframes fall-146 {\r\n  49.763% {\r\n    transform: translate(30.7991vw, 49.763vh) scale(0.7303);\r\n  }\r\n  to {\r\n    transform: translate(27.7926vw, 100vh) scale(0.7303);\r\n  }\r\n}\r\n.snow:nth-child(147) {\r\n  opacity: 0.377;\r\n  transform: translate(10.518vw, -10px) scale(0.9207);\r\n  animation: fall-147 22s -28s linear infinite;\r\n}\r\n@keyframes fall-147 {\r\n  78.904% {\r\n    transform: translate(17.152vw, 78.904vh) scale(0.9207);\r\n  }\r\n  to {\r\n    transform: translate(13.835vw, 100vh) scale(0.9207);\r\n  }\r\n}\r\n.snow:nth-child(148) {\r\n  opacity: 0.5929;\r\n  transform: translate(37.3531vw, -10px) scale(0.6837);\r\n  animation: fall-148 25s -16s linear infinite;\r\n}\r\n@keyframes fall-148 {\r\n  52.098% {\r\n    transform: translate(37.2255vw, 52.098vh) scale(0.6837);\r\n  }\r\n  to {\r\n    transform: translate(37.2893vw, 100vh) scale(0.6837);\r\n  }\r\n}\r\n.snow:nth-child(149) {\r\n  opacity: 0.8029;\r\n  transform: translate(39.9406vw, -10px) scale(0.5322);\r\n  animation: fall-149 16s -13s linear infinite;\r\n}\r\n@keyframes fall-149 {\r\n  78.569% {\r\n    transform: translate(43.7927vw, 78.569vh) scale(0.5322);\r\n  }\r\n  to {\r\n    transform: translate(41.86665vw, 100vh) scale(0.5322);\r\n  }\r\n}\r\n.snow:nth-child(150) {\r\n  opacity: 0.6847;\r\n  transform: translate(21.0088vw, -10px) scale(0.9599);\r\n  animation: fall-150 12s -16s linear infinite;\r\n}\r\n@keyframes fall-150 {\r\n  52.357% {\r\n    transform: translate(17.0314vw, 52.357vh) scale(0.9599);\r\n  }\r\n  to {\r\n    transform: translate(19.0201vw, 100vh) scale(0.9599);\r\n  }\r\n}\r\n.snow:nth-child(151) {\r\n  opacity: 0.9578;\r\n  transform: translate(54.3257vw, -10px) scale(0.6614);\r\n  animation: fall-151 28s -14s linear infinite;\r\n}\r\n@keyframes fall-151 {\r\n  44.58% {\r\n    transform: translate(49.5732vw, 44.58vh) scale(0.6614);\r\n  }\r\n  to {\r\n    transform: translate(51.94945vw, 100vh) scale(0.6614);\r\n  }\r\n}\r\n.snow:nth-child(152) {\r\n  opacity: 0.4227;\r\n  transform: translate(39.1418vw, -10px) scale(0.6783);\r\n  animation: fall-152 10s -25s linear infinite;\r\n}\r\n@keyframes fall-152 {\r\n  76.347% {\r\n    transform: translate(33.449vw, 76.347vh) scale(0.6783);\r\n  }\r\n  to {\r\n    transform: translate(36.2954vw, 100vh) scale(0.6783);\r\n  }\r\n}\r\n.snow:nth-child(153) {\r\n  opacity: 0.3741;\r\n  transform: translate(16.8611vw, -10px) scale(0.9225);\r\n  animation: fall-153 22s -20s linear infinite;\r\n}\r\n@keyframes fall-153 {\r\n  72.94% {\r\n    transform: translate(20.2331vw, 72.94vh) scale(0.9225);\r\n  }\r\n  to {\r\n    transform: translate(18.5471vw, 100vh) scale(0.9225);\r\n  }\r\n}\r\n.snow:nth-child(154) {\r\n  opacity: 0.8908;\r\n  transform: translate(26.0798vw, -10px) scale(0.188);\r\n  animation: fall-154 30s -5s linear infinite;\r\n}\r\n@keyframes fall-154 {\r\n  38.996% {\r\n    transform: translate(30.2848vw, 38.996vh) scale(0.188);\r\n  }\r\n  to {\r\n    transform: translate(28.1823vw, 100vh) scale(0.188);\r\n  }\r\n}\r\n.snow:nth-child(155) {\r\n  opacity: 0.6432;\r\n  transform: translate(77.2541vw, -10px) scale(0.98);\r\n  animation: fall-155 15s -21s linear infinite;\r\n}\r\n@keyframes fall-155 {\r\n  52.213% {\r\n    transform: translate(74.3043vw, 52.213vh) scale(0.98);\r\n  }\r\n  to {\r\n    transform: translate(75.7792vw, 100vh) scale(0.98);\r\n  }\r\n}\r\n.snow:nth-child(156) {\r\n  opacity: 0.1492;\r\n  transform: translate(41.4941vw, -10px) scale(0.9499);\r\n  animation: fall-156 10s -14s linear infinite;\r\n}\r\n@keyframes fall-156 {\r\n  55.701% {\r\n    transform: translate(49.6352vw, 55.701vh) scale(0.9499);\r\n  }\r\n  to {\r\n    transform: translate(45.56465vw, 100vh) scale(0.9499);\r\n  }\r\n}\r\n.snow:nth-child(157) {\r\n  opacity: 0.1634;\r\n  transform: translate(78.9493vw, -10px) scale(0.2432);\r\n  animation: fall-157 15s -29s linear infinite;\r\n}\r\n@keyframes fall-157 {\r\n  57.259% {\r\n    transform: translate(72.4715vw, 57.259vh) scale(0.2432);\r\n  }\r\n  to {\r\n    transform: translate(75.7104vw, 100vh) scale(0.2432);\r\n  }\r\n}\r\n.snow:nth-child(158) {\r\n  opacity: 0.2982;\r\n  transform: translate(93.2836vw, -10px) scale(0.8994);\r\n  animation: fall-158 11s -1s linear infinite;\r\n}\r\n@keyframes fall-158 {\r\n  34.331% {\r\n    transform: translate(94.6891vw, 34.331vh) scale(0.8994);\r\n  }\r\n  to {\r\n    transform: translate(93.98635vw, 100vh) scale(0.8994);\r\n  }\r\n}\r\n.snow:nth-child(159) {\r\n  opacity: 0.4204;\r\n  transform: translate(43.067vw, -10px) scale(0.2147);\r\n  animation: fall-159 12s -29s linear infinite;\r\n}\r\n@keyframes fall-159 {\r\n  50.345% {\r\n    transform: translate(44.4119vw, 50.345vh) scale(0.2147);\r\n  }\r\n  to {\r\n    transform: translate(43.73945vw, 100vh) scale(0.2147);\r\n  }\r\n}\r\n.snow:nth-child(160) {\r\n  opacity: 0.5917;\r\n  transform: translate(21.228vw, -10px) scale(0.5662);\r\n  animation: fall-160 30s -23s linear infinite;\r\n}\r\n@keyframes fall-160 {\r\n  43.631% {\r\n    transform: translate(14.5839vw, 43.631vh) scale(0.5662);\r\n  }\r\n  to {\r\n    transform: translate(17.90595vw, 100vh) scale(0.5662);\r\n  }\r\n}\r\n.snow:nth-child(161) {\r\n  opacity: 0.23;\r\n  transform: translate(16.2808vw, -10px) scale(0.9086);\r\n  animation: fall-161 26s -7s linear infinite;\r\n}\r\n@keyframes fall-161 {\r\n  64.492% {\r\n    transform: translate(11.851vw, 64.492vh) scale(0.9086);\r\n  }\r\n  to {\r\n    transform: translate(14.0659vw, 100vh) scale(0.9086);\r\n  }\r\n}\r\n.snow:nth-child(162) {\r\n  opacity: 0.8369;\r\n  transform: translate(1.8679vw, -10px) scale(0.9147);\r\n  animation: fall-162 27s -4s linear infinite;\r\n}\r\n@keyframes fall-162 {\r\n  63.071% {\r\n    transform: translate(9.2523vw, 63.071vh) scale(0.9147);\r\n  }\r\n  to {\r\n    transform: translate(5.5601vw, 100vh) scale(0.9147);\r\n  }\r\n}\r\n.snow:nth-child(163) {\r\n  opacity: 0.1817;\r\n  transform: translate(82.26vw, -10px) scale(0.1876);\r\n  animation: fall-163 25s -29s linear infinite;\r\n}\r\n@keyframes fall-163 {\r\n  71.007% {\r\n    transform: translate(74.7009vw, 71.007vh) scale(0.1876);\r\n  }\r\n  to {\r\n    transform: translate(78.48045vw, 100vh) scale(0.1876);\r\n  }\r\n}\r\n.snow:nth-child(164) {\r\n  opacity: 0.4789;\r\n  transform: translate(6.3189vw, -10px) scale(0.2522);\r\n  animation: fall-164 25s -10s linear infinite;\r\n}\r\n@keyframes fall-164 {\r\n  44.52% {\r\n    transform: translate(-2.6774vw, 44.52vh) scale(0.2522);\r\n  }\r\n  to {\r\n    transform: translate(1.82075vw, 100vh) scale(0.2522);\r\n  }\r\n}\r\n.snow:nth-child(165) {\r\n  opacity: 0.6981;\r\n  transform: translate(44.3125vw, -10px) scale(0.8086);\r\n  animation: fall-165 26s -17s linear infinite;\r\n}\r\n@keyframes fall-165 {\r\n  43.232% {\r\n    transform: translate(40.5842vw, 43.232vh) scale(0.8086);\r\n  }\r\n  to {\r\n    transform: translate(42.44835vw, 100vh) scale(0.8086);\r\n  }\r\n}\r\n.snow:nth-child(166) {\r\n  opacity: 0.8554;\r\n  transform: translate(98.7642vw, -10px) scale(0.5135);\r\n  animation: fall-166 15s -14s linear infinite;\r\n}\r\n@keyframes fall-166 {\r\n  49.906% {\r\n    transform: translate(101.4266vw, 49.906vh) scale(0.5135);\r\n  }\r\n  to {\r\n    transform: translate(100.0954vw, 100vh) scale(0.5135);\r\n  }\r\n}\r\n.snow:nth-child(167) {\r\n  opacity: 0.6923;\r\n  transform: translate(66.9559vw, -10px) scale(0.3303);\r\n  animation: fall-167 21s -24s linear infinite;\r\n}\r\n@keyframes fall-167 {\r\n  55.284% {\r\n    transform: translate(76.7793vw, 55.284vh) scale(0.3303);\r\n  }\r\n  to {\r\n    transform: translate(71.8676vw, 100vh) scale(0.3303);\r\n  }\r\n}\r\n.snow:nth-child(168) {\r\n  opacity: 0.7113;\r\n  transform: translate(14.2908vw, -10px) scale(0.8149);\r\n  animation: fall-168 30s -10s linear infinite;\r\n}\r\n@keyframes fall-168 {\r\n  41.932% {\r\n    transform: translate(8.827vw, 41.932vh) scale(0.8149);\r\n  }\r\n  to {\r\n    transform: translate(11.5589vw, 100vh) scale(0.8149);\r\n  }\r\n}\r\n.snow:nth-child(169) {\r\n  opacity: 0.0035;\r\n  transform: translate(73.0189vw, -10px) scale(0.8814);\r\n  animation: fall-169 10s -1s linear infinite;\r\n}\r\n@keyframes fall-169 {\r\n  36.317% {\r\n    transform: translate(74.2767vw, 36.317vh) scale(0.8814);\r\n  }\r\n  to {\r\n    transform: translate(73.6478vw, 100vh) scale(0.8814);\r\n  }\r\n}\r\n.snow:nth-child(170) {\r\n  opacity: 0.4624;\r\n  transform: translate(1.515vw, -10px) scale(0.726);\r\n  animation: fall-170 24s -3s linear infinite;\r\n}\r\n@keyframes fall-170 {\r\n  79.728% {\r\n    transform: translate(-7.5715vw, 79.728vh) scale(0.726);\r\n  }\r\n  to {\r\n    transform: translate(-3.02825vw, 100vh) scale(0.726);\r\n  }\r\n}\r\n.snow:nth-child(171) {\r\n  opacity: 0.727;\r\n  transform: translate(89.6018vw, -10px) scale(0.1323);\r\n  animation: fall-171 21s -8s linear infinite;\r\n}\r\n@keyframes fall-171 {\r\n  69.575% {\r\n    transform: translate(83.8817vw, 69.575vh) scale(0.1323);\r\n  }\r\n  to {\r\n    transform: translate(86.74175vw, 100vh) scale(0.1323);\r\n  }\r\n}\r\n.snow:nth-child(172) {\r\n  opacity: 0.0378;\r\n  transform: translate(48.518vw, -10px) scale(0.1021);\r\n  animation: fall-172 17s -15s linear infinite;\r\n}\r\n@keyframes fall-172 {\r\n  49.279% {\r\n    transform: translate(52.4251vw, 49.279vh) scale(0.1021);\r\n  }\r\n  to {\r\n    transform: translate(50.47155vw, 100vh) scale(0.1021);\r\n  }\r\n}\r\n.snow:nth-child(173) {\r\n  opacity: 0.8843;\r\n  transform: translate(43.2426vw, -10px) scale(0.2078);\r\n  animation: fall-173 15s -30s linear infinite;\r\n}\r\n@keyframes fall-173 {\r\n  55.179% {\r\n    transform: translate(43.3479vw, 55.179vh) scale(0.2078);\r\n  }\r\n  to {\r\n    transform: translate(43.29525vw, 100vh) scale(0.2078);\r\n  }\r\n}\r\n.snow:nth-child(174) {\r\n  opacity: 0.4442;\r\n  transform: translate(43.7125vw, -10px) scale(0.0238);\r\n  animation: fall-174 21s -3s linear infinite;\r\n}\r\n@keyframes fall-174 {\r\n  52.688% {\r\n    transform: translate(37.6816vw, 52.688vh) scale(0.0238);\r\n  }\r\n  to {\r\n    transform: translate(40.69705vw, 100vh) scale(0.0238);\r\n  }\r\n}\r\n.snow:nth-child(175) {\r\n  opacity: 0.5615;\r\n  transform: translate(59.401vw, -10px) scale(0.2073);\r\n  animation: fall-175 13s -20s linear infinite;\r\n}\r\n@keyframes fall-175 {\r\n  58.974% {\r\n    transform: translate(51.2941vw, 58.974vh) scale(0.2073);\r\n  }\r\n  to {\r\n    transform: translate(55.34755vw, 100vh) scale(0.2073);\r\n  }\r\n}\r\n.snow:nth-child(176) {\r\n  opacity: 0.2114;\r\n  transform: translate(29.1831vw, -10px) scale(0.0857);\r\n  animation: fall-176 18s -20s linear infinite;\r\n}\r\n@keyframes fall-176 {\r\n  57.697% {\r\n    transform: translate(29.093vw, 57.697vh) scale(0.0857);\r\n  }\r\n  to {\r\n    transform: translate(29.13805vw, 100vh) scale(0.0857);\r\n  }\r\n}\r\n.snow:nth-child(177) {\r\n  opacity: 0.4695;\r\n  transform: translate(69.2341vw, -10px) scale(0.9977);\r\n  animation: fall-177 23s -9s linear infinite;\r\n}\r\n@keyframes fall-177 {\r\n  74.141% {\r\n    transform: translate(76.8148vw, 74.141vh) scale(0.9977);\r\n  }\r\n  to {\r\n    transform: translate(73.02445vw, 100vh) scale(0.9977);\r\n  }\r\n}\r\n.snow:nth-child(178) {\r\n  opacity: 0.237;\r\n  transform: translate(26.6732vw, -10px) scale(0.472);\r\n  animation: fall-178 16s -2s linear infinite;\r\n}\r\n@keyframes fall-178 {\r\n  78.079% {\r\n    transform: translate(19.0753vw, 78.079vh) scale(0.472);\r\n  }\r\n  to {\r\n    transform: translate(22.87425vw, 100vh) scale(0.472);\r\n  }\r\n}\r\n.snow:nth-child(179) {\r\n  opacity: 0.2647;\r\n  transform: translate(60.2559vw, -10px) scale(0.8765);\r\n  animation: fall-179 11s -22s linear infinite;\r\n}\r\n@keyframes fall-179 {\r\n  79.904% {\r\n    transform: translate(55.4449vw, 79.904vh) scale(0.8765);\r\n  }\r\n  to {\r\n    transform: translate(57.8504vw, 100vh) scale(0.8765);\r\n  }\r\n}\r\n.snow:nth-child(180) {\r\n  opacity: 0.4859;\r\n  transform: translate(45.7051vw, -10px) scale(0.2682);\r\n  animation: fall-180 26s -1s linear infinite;\r\n}\r\n@keyframes fall-180 {\r\n  47.519% {\r\n    transform: translate(38.7531vw, 47.519vh) scale(0.2682);\r\n  }\r\n  to {\r\n    transform: translate(42.2291vw, 100vh) scale(0.2682);\r\n  }\r\n}\r\n.snow:nth-child(181) {\r\n  opacity: 0.6703;\r\n  transform: translate(14.6364vw, -10px) scale(0.7566);\r\n  animation: fall-181 10s -25s linear infinite;\r\n}\r\n@keyframes fall-181 {\r\n  73.589% {\r\n    transform: translate(15.8144vw, 73.589vh) scale(0.7566);\r\n  }\r\n  to {\r\n    transform: translate(15.2254vw, 100vh) scale(0.7566);\r\n  }\r\n}\r\n.snow:nth-child(182) {\r\n  opacity: 0.3083;\r\n  transform: translate(87.0815vw, -10px) scale(0.5824);\r\n  animation: fall-182 18s -9s linear infinite;\r\n}\r\n@keyframes fall-182 {\r\n  65.632% {\r\n    transform: translate(77.7234vw, 65.632vh) scale(0.5824);\r\n  }\r\n  to {\r\n    transform: translate(82.40245vw, 100vh) scale(0.5824);\r\n  }\r\n}\r\n.snow:nth-child(183) {\r\n  opacity: 0.9985;\r\n  transform: translate(51.6384vw, -10px) scale(0.6026);\r\n  animation: fall-183 28s -24s linear infinite;\r\n}\r\n@keyframes fall-183 {\r\n  68.488% {\r\n    transform: translate(59.8945vw, 68.488vh) scale(0.6026);\r\n  }\r\n  to {\r\n    transform: translate(55.76645vw, 100vh) scale(0.6026);\r\n  }\r\n}\r\n.snow:nth-child(184) {\r\n  opacity: 0.8186;\r\n  transform: translate(19.5469vw, -10px) scale(0.6184);\r\n  animation: fall-184 21s -29s linear infinite;\r\n}\r\n@keyframes fall-184 {\r\n  79.874% {\r\n    transform: translate(22.427vw, 79.874vh) scale(0.6184);\r\n  }\r\n  to {\r\n    transform: translate(20.98695vw, 100vh) scale(0.6184);\r\n  }\r\n}\r\n.snow:nth-child(185) {\r\n  opacity: 0.8974;\r\n  transform: translate(56.8322vw, -10px) scale(0.9314);\r\n  animation: fall-185 14s -17s linear infinite;\r\n}\r\n@keyframes fall-185 {\r\n  57.543% {\r\n    transform: translate(55.9861vw, 57.543vh) scale(0.9314);\r\n  }\r\n  to {\r\n    transform: translate(56.40915vw, 100vh) scale(0.9314);\r\n  }\r\n}\r\n.snow:nth-child(186) {\r\n  opacity: 0.6138;\r\n  transform: translate(75.6275vw, -10px) scale(0.2003);\r\n  animation: fall-186 19s -10s linear infinite;\r\n}\r\n@keyframes fall-186 {\r\n  39.675% {\r\n    transform: translate(74.6389vw, 39.675vh) scale(0.2003);\r\n  }\r\n  to {\r\n    transform: translate(75.1332vw, 100vh) scale(0.2003);\r\n  }\r\n}\r\n.snow:nth-child(187) {\r\n  opacity: 0.0005;\r\n  transform: translate(40.093vw, -10px) scale(0.0982);\r\n  animation: fall-187 23s -6s linear infinite;\r\n}\r\n@keyframes fall-187 {\r\n  39.178% {\r\n    transform: translate(31.6192vw, 39.178vh) scale(0.0982);\r\n  }\r\n  to {\r\n    transform: translate(35.8561vw, 100vh) scale(0.0982);\r\n  }\r\n}\r\n.snow:nth-child(188) {\r\n  opacity: 0.9547;\r\n  transform: translate(8.207vw, -10px) scale(0.0997);\r\n  animation: fall-188 27s -8s linear infinite;\r\n}\r\n@keyframes fall-188 {\r\n  71.763% {\r\n    transform: translate(5.9169vw, 71.763vh) scale(0.0997);\r\n  }\r\n  to {\r\n    transform: translate(7.06195vw, 100vh) scale(0.0997);\r\n  }\r\n}\r\n.snow:nth-child(189) {\r\n  opacity: 0.5848;\r\n  transform: translate(57.9919vw, -10px) scale(0.0791);\r\n  animation: fall-189 28s -30s linear infinite;\r\n}\r\n@keyframes fall-189 {\r\n  33.117% {\r\n    transform: translate(55.6052vw, 33.117vh) scale(0.0791);\r\n  }\r\n  to {\r\n    transform: translate(56.79855vw, 100vh) scale(0.0791);\r\n  }\r\n}\r\n.snow:nth-child(190) {\r\n  opacity: 0.9609;\r\n  transform: translate(93.6763vw, -10px) scale(0.524);\r\n  animation: fall-190 26s -27s linear infinite;\r\n}\r\n@keyframes fall-190 {\r\n  75.865% {\r\n    transform: translate(93.7106vw, 75.865vh) scale(0.524);\r\n  }\r\n  to {\r\n    transform: translate(93.69345vw, 100vh) scale(0.524);\r\n  }\r\n}\r\n.snow:nth-child(191) {\r\n  opacity: 0.8784;\r\n  transform: translate(28.6505vw, -10px) scale(0.1713);\r\n  animation: fall-191 22s -18s linear infinite;\r\n}\r\n@keyframes fall-191 {\r\n  46.192% {\r\n    transform: translate(28.1989vw, 46.192vh) scale(0.1713);\r\n  }\r\n  to {\r\n    transform: translate(28.4247vw, 100vh) scale(0.1713);\r\n  }\r\n}\r\n.snow:nth-child(192) {\r\n  opacity: 0.6617;\r\n  transform: translate(34.5591vw, -10px) scale(0.4669);\r\n  animation: fall-192 12s -29s linear infinite;\r\n}\r\n@keyframes fall-192 {\r\n  34.012% {\r\n    transform: translate(40.2847vw, 34.012vh) scale(0.4669);\r\n  }\r\n  to {\r\n    transform: translate(37.4219vw, 100vh) scale(0.4669);\r\n  }\r\n}\r\n.snow:nth-child(193) {\r\n  opacity: 0.9718;\r\n  transform: translate(17.0125vw, -10px) scale(0.6494);\r\n  animation: fall-193 16s -27s linear infinite;\r\n}\r\n@keyframes fall-193 {\r\n  35.66% {\r\n    transform: translate(12.1368vw, 35.66vh) scale(0.6494);\r\n  }\r\n  to {\r\n    transform: translate(14.57465vw, 100vh) scale(0.6494);\r\n  }\r\n}\r\n.snow:nth-child(194) {\r\n  opacity: 0.6216;\r\n  transform: translate(82.9494vw, -10px) scale(0.579);\r\n  animation: fall-194 23s -10s linear infinite;\r\n}\r\n@keyframes fall-194 {\r\n  67.811% {\r\n    transform: translate(76.62vw, 67.811vh) scale(0.579);\r\n  }\r\n  to {\r\n    transform: translate(79.7847vw, 100vh) scale(0.579);\r\n  }\r\n}\r\n.snow:nth-child(195) {\r\n  opacity: 0.4147;\r\n  transform: translate(65.1717vw, -10px) scale(0.9929);\r\n  animation: fall-195 12s -29s linear infinite;\r\n}\r\n@keyframes fall-195 {\r\n  47.095% {\r\n    transform: translate(65.9182vw, 47.095vh) scale(0.9929);\r\n  }\r\n  to {\r\n    transform: translate(65.54495vw, 100vh) scale(0.9929);\r\n  }\r\n}\r\n.snow:nth-child(196) {\r\n  opacity: 0.5961;\r\n  transform: translate(9.9288vw, -10px) scale(0.9134);\r\n  animation: fall-196 17s -6s linear infinite;\r\n}\r\n@keyframes fall-196 {\r\n  47.449% {\r\n    transform: translate(4.2617vw, 47.449vh) scale(0.9134);\r\n  }\r\n  to {\r\n    transform: translate(7.09525vw, 100vh) scale(0.9134);\r\n  }\r\n}\r\n.snow:nth-child(197) {\r\n  opacity: 0.3054;\r\n  transform: translate(83.164vw, -10px) scale(0.0352);\r\n  animation: fall-197 14s -8s linear infinite;\r\n}\r\n@keyframes fall-197 {\r\n  32.716% {\r\n    transform: translate(90.6895vw, 32.716vh) scale(0.0352);\r\n  }\r\n  to {\r\n    transform: translate(86.92675vw, 100vh) scale(0.0352);\r\n  }\r\n}\r\n.snow:nth-child(198) {\r\n  opacity: 0.6009;\r\n  transform: translate(18.4956vw, -10px) scale(0.159);\r\n  animation: fall-198 25s -1s linear infinite;\r\n}\r\n@keyframes fall-198 {\r\n  73.632% {\r\n    transform: translate(15.61vw, 73.632vh) scale(0.159);\r\n  }\r\n  to {\r\n    transform: translate(17.0528vw, 100vh) scale(0.159);\r\n  }\r\n}\r\n.snow:nth-child(199) {\r\n  opacity: 0.1031;\r\n  transform: translate(56.5687vw, -10px) scale(0.8017);\r\n  animation: fall-199 22s -30s linear infinite;\r\n}\r\n@keyframes fall-199 {\r\n  57.886% {\r\n    transform: translate(54.2607vw, 57.886vh) scale(0.8017);\r\n  }\r\n  to {\r\n    transform: translate(55.4147vw, 100vh) scale(0.8017);\r\n  }\r\n}\r\n.snow:nth-child(200) {\r\n  opacity: 0.809;\r\n  transform: translate(7.4548vw, -10px) scale(0.0917);\r\n  animation: fall-200 20s -27s linear infinite;\r\n}\r\n@keyframes fall-200 {\r\n  75.514% {\r\n    transform: translate(1.2557vw, 75.514vh) scale(0.0917);\r\n  }\r\n  to {\r\n    transform: translate(4.35525vw, 100vh) scale(0.0917);\r\n  }\r\n}<\/pre>\n
The body<\/code> styles set the background and create a snowy atmosphere. The .snow<\/code> class styles the individual snowflakes. To make the snowflakes fall and give the animation effect, we used CSS keyframes<\/a>.<\/p>\n
Feel free to customize the snowflake properties by modifying the opacity, size, and animation duration as needed. You can also add more snowflakes to increase the snowfall density.<\/p>\n
That’s all! hopefully, you have successfully created the Falling Snow Effect using this HTML and CSS code. If you have any questions or suggestions, feel free to comment below.<\/p>\n","protected":false},"excerpt":{"rendered":"
This HTML and CSS code snippet creates a captivating falling snow effect on a webpage. It utilizes CSS and HTML…<\/p>\n","protected":false},"author":1,"featured_media":9393,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[209],"tags":[],"class_list":["post-9374","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-animation-effects"],"acf":[],"yoast_head":"\nFalling Snow Effect HTML Code — CodeHim<\/title>\n<meta name=\"description\" content=\"Here is a free code snippet to create a Falling Snow Effect HTML Code. You can view demo and download the source code.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codehim.com\/animation-effects\/falling-snow-effect-html-code\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Falling Snow Effect HTML Code — CodeHim\" \/>\n<meta property=\"og:description\" content=\"Here is a free code snippet to create a Falling Snow Effect HTML Code. You can view demo and download the source code.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codehim.com\/animation-effects\/falling-snow-effect-html-code\/\" \/>\n<meta property=\"og:site_name\" content=\"CodeHim\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/codehimofficial\" \/>\n<meta property=\"article:published_time\" content=\"2024-01-10T18:02:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-01-22T11:03:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Falling-Snow-Effect-HTML-Code.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"960\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Asif Mughal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@CodeHimOfficial\" \/>\n<meta name=\"twitter:site\" content=\"@CodeHimOfficial\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Asif Mughal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codehim.com\/animation-effects\/falling-snow-effect-html-code\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/animation-effects\/falling-snow-effect-html-code\/\"},\"author\":{\"name\":\"Asif Mughal\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed\"},\"headline\":\"Falling Snow Effect HTML Code\",\"datePublished\":\"2024-01-10T18:02:00+00:00\",\"dateModified\":\"2024-01-22T11:03:25+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codehim.com\/animation-effects\/falling-snow-effect-html-code\/\"},\"wordCount\":228,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/codehim.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/animation-effects\/falling-snow-effect-html-code\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Falling-Snow-Effect-HTML-Code.png\",\"articleSection\":[\"Animation & Effects\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/codehim.com\/animation-effects\/falling-snow-effect-html-code\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codehim.com\/animation-effects\/falling-snow-effect-html-code\/\",\"url\":\"https:\/\/codehim.com\/animation-effects\/falling-snow-effect-html-code\/\",\"name\":\"Falling Snow Effect HTML Code — CodeHim\",\"isPartOf\":{\"@id\":\"https:\/\/codehim.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codehim.com\/animation-effects\/falling-snow-effect-html-code\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/animation-effects\/falling-snow-effect-html-code\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Falling-Snow-Effect-HTML-Code.png\",\"datePublished\":\"2024-01-10T18:02:00+00:00\",\"dateModified\":\"2024-01-22T11:03:25+00:00\",\"description\":\"Here is a free code snippet to create a Falling Snow Effect HTML Code. You can view demo and download the source code.\",\"breadcrumb\":{\"@id\":\"https:\/\/codehim.com\/animation-effects\/falling-snow-effect-html-code\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codehim.com\/animation-effects\/falling-snow-effect-html-code\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/animation-effects\/falling-snow-effect-html-code\/#primaryimage\",\"url\":\"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Falling-Snow-Effect-HTML-Code.png\",\"contentUrl\":\"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Falling-Snow-Effect-HTML-Code.png\",\"width\":1280,\"height\":960,\"caption\":\"Falling Snow Effect HTML Code\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/codehim.com\/animation-effects\/falling-snow-effect-html-code\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/codehim.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Animation & Effects\",\"item\":\"https:\/\/codehim.com\/category\/animation-effects\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Falling Snow Effect HTML Code\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codehim.com\/#website\",\"url\":\"https:\/\/codehim.com\/\",\"name\":\"CodeHim\",\"description\":\"Web Design Code Snippets\",\"publisher\":{\"@id\":\"https:\/\/codehim.com\/#organization\"},\"alternateName\":\"Web Design Codes\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codehim.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/codehim.com\/#organization\",\"name\":\"CodeHim - Web Design Code & Scripts\",\"url\":\"https:\/\/codehim.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg\",\"contentUrl\":\"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg\",\"width\":280,\"height\":280,\"caption\":\"CodeHim - Web Design Code & Scripts\"},\"image\":{\"@id\":\"https:\/\/codehim.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/codehimofficial\",\"https:\/\/x.com\/CodeHimOfficial\",\"https:\/\/www.instagram.com\/codehim\/\",\"https:\/\/www.linkedin.com\/company\/codehim\",\"https:\/\/co.pinterest.com\/codehim\/\",\"https:\/\/www.youtube.com\/@codehim\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed\",\"name\":\"Asif Mughal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codehim.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g\",\"caption\":\"Asif Mughal\"},\"description\":\"I code and create web elements for amazing people around the world. I like work with new people. New people new Experiences. I truly enjoy what I'm doing, which makes me more passionate about web development and coding. I am always ready to do challenging tasks whether it is about creating a custom CMS from scratch or customizing an existing system.\",\"sameAs\":[\"https:\/\/codehim.com\"],\"url\":\"https:\/\/codehim.com\/author\/asif-mughal\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Falling Snow Effect HTML Code — CodeHim","description":"Here is a free code snippet to create a Falling Snow Effect HTML Code. You can view demo and download the source code.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codehim.com\/animation-effects\/falling-snow-effect-html-code\/","og_locale":"en_US","og_type":"article","og_title":"Falling Snow Effect HTML Code — CodeHim","og_description":"Here is a free code snippet to create a Falling Snow Effect HTML Code. You can view demo and download the source code.","og_url":"https:\/\/codehim.com\/animation-effects\/falling-snow-effect-html-code\/","og_site_name":"CodeHim","article_publisher":"https:\/\/www.facebook.com\/codehimofficial","article_published_time":"2024-01-10T18:02:00+00:00","article_modified_time":"2024-01-22T11:03:25+00:00","og_image":[{"width":1280,"height":960,"url":"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Falling-Snow-Effect-HTML-Code.png","type":"image\/png"}],"author":"Asif Mughal","twitter_card":"summary_large_image","twitter_creator":"@CodeHimOfficial","twitter_site":"@CodeHimOfficial","twitter_misc":{"Written by":"Asif Mughal","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codehim.com\/animation-effects\/falling-snow-effect-html-code\/#article","isPartOf":{"@id":"https:\/\/codehim.com\/animation-effects\/falling-snow-effect-html-code\/"},"author":{"name":"Asif Mughal","@id":"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed"},"headline":"Falling Snow Effect HTML Code","datePublished":"2024-01-10T18:02:00+00:00","dateModified":"2024-01-22T11:03:25+00:00","mainEntityOfPage":{"@id":"https:\/\/codehim.com\/animation-effects\/falling-snow-effect-html-code\/"},"wordCount":228,"commentCount":0,"publisher":{"@id":"https:\/\/codehim.com\/#organization"},"image":{"@id":"https:\/\/codehim.com\/animation-effects\/falling-snow-effect-html-code\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Falling-Snow-Effect-HTML-Code.png","articleSection":["Animation & Effects"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/codehim.com\/animation-effects\/falling-snow-effect-html-code\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/codehim.com\/animation-effects\/falling-snow-effect-html-code\/","url":"https:\/\/codehim.com\/animation-effects\/falling-snow-effect-html-code\/","name":"Falling Snow Effect HTML Code — CodeHim","isPartOf":{"@id":"https:\/\/codehim.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codehim.com\/animation-effects\/falling-snow-effect-html-code\/#primaryimage"},"image":{"@id":"https:\/\/codehim.com\/animation-effects\/falling-snow-effect-html-code\/#primaryimage"},"thumbnailUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Falling-Snow-Effect-HTML-Code.png","datePublished":"2024-01-10T18:02:00+00:00","dateModified":"2024-01-22T11:03:25+00:00","description":"Here is a free code snippet to create a Falling Snow Effect HTML Code. You can view demo and download the source code.","breadcrumb":{"@id":"https:\/\/codehim.com\/animation-effects\/falling-snow-effect-html-code\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codehim.com\/animation-effects\/falling-snow-effect-html-code\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/animation-effects\/falling-snow-effect-html-code\/#primaryimage","url":"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Falling-Snow-Effect-HTML-Code.png","contentUrl":"https:\/\/codehim.com\/wp-content\/uploads\/2023\/10\/Falling-Snow-Effect-HTML-Code.png","width":1280,"height":960,"caption":"Falling Snow Effect HTML Code"},{"@type":"BreadcrumbList","@id":"https:\/\/codehim.com\/animation-effects\/falling-snow-effect-html-code\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codehim.com\/"},{"@type":"ListItem","position":2,"name":"Animation & Effects","item":"https:\/\/codehim.com\/category\/animation-effects\/"},{"@type":"ListItem","position":3,"name":"Falling Snow Effect HTML Code"}]},{"@type":"WebSite","@id":"https:\/\/codehim.com\/#website","url":"https:\/\/codehim.com\/","name":"CodeHim","description":"Web Design Code Snippets","publisher":{"@id":"https:\/\/codehim.com\/#organization"},"alternateName":"Web Design Codes","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codehim.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/codehim.com\/#organization","name":"CodeHim - Web Design Code & Scripts","url":"https:\/\/codehim.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/#\/schema\/logo\/image\/","url":"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg","contentUrl":"http:\/\/codehim.com\/wp-content\/uploads\/2023\/06\/Codehim-short-logo.jpg","width":280,"height":280,"caption":"CodeHim - Web Design Code & Scripts"},"image":{"@id":"https:\/\/codehim.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/codehimofficial","https:\/\/x.com\/CodeHimOfficial","https:\/\/www.instagram.com\/codehim\/","https:\/\/www.linkedin.com\/company\/codehim","https:\/\/co.pinterest.com\/codehim\/","https:\/\/www.youtube.com\/@codehim"]},{"@type":"Person","@id":"https:\/\/codehim.com\/#\/schema\/person\/cc48f1dbe072a89a62a98171b7db43ed","name":"Asif Mughal","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codehim.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b25bfcd7d4e341c2c6f785a88d8ad2a4?s=96&d=mm&r=g","caption":"Asif Mughal"},"description":"I code and create web elements for amazing people around the world. I like work with new people. New people new Experiences. I truly enjoy what I'm doing, which makes me more passionate about web development and coding. I am always ready to do challenging tasks whether it is about creating a custom CMS from scratch or customizing an existing system.","sameAs":["https:\/\/codehim.com"],"url":"https:\/\/codehim.com\/author\/asif-mughal\/"}]}},"views":2043,"_links":{"self":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/9374","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/comments?post=9374"}],"version-history":[{"count":0,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/posts\/9374\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media\/9393"}],"wp:attachment":[{"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/media?parent=9374"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/categories?post=9374"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codehim.com\/wp-json\/wp\/v2\/tags?post=9374"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}